@charset "utf-8";
/* CSS Document */
body{background-color:#fff; color:#333; font-family: "Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;}
input[type="text"],select,input[type="date"],input[type="month"],textarea{font-family: "Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;}
select{ font-size: 0.9em;}
input[type="radio"],input[type="checkbox"]{border:1px solid #ccc;}
input[type="checkbox"]{ width:18px; height: 18px; vertical-align: bottom;}
input[type="date"],input[type="month"]{ padding:6px 0 6px 10px; box-sizing:border-box; font-size: 0.8em;}
@media(min-width:1500px){
    body{ font-size:110%;}
}
button,input[type="button"]{ cursor:pointer; font-family: inherit;} 
table th,
table td{ font-size: 0.9em;}
button .shortcuts, 
.btn .shortcuts,
.title_btn .shortcuts{ font-size: 0.6em;}


/*登陆页*/
.login_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/bg_red.jpg) no-repeat; background-size:100% 100%; z-index:10;}
.login_wrap .login_left{ width:35%; height:60%; background:#FFF; border-radius:3px; margin:7% 0 0 10%; overflow:auto; float:left; border:2px solid #d8d8d8;display: block;z-index: 99;}
.login_wrap .login_left li{ padding-left:25%; height:45px; line-height:45px; box-sizing:border-box; border-bottom:1px solid #eee; background-image:url(../image/head_icon_red.png); background-repeat:no-repeat; background-size:auto 220%; cursor:pointer;}
.login_wrap .login_left li.man{ background-position:6% -60px;}
.login_wrap .login_left li.woman{ background-position:6% 7px;}
.login_wrap .login_left li span{ width:40%; padding-right:5%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.login_wrap .login_left li span.name{ color:#666; font-size:100%;}
.login_wrap .login_left li span.phone{ color:#666; font-size:100%;}
.login_wrap .login_left li.active{ background-color:#fabe00; background-image:url(../image/head_icon_red_ac.png);}
.login_wrap .login_left li.active span.name{ color:#FFF}
.login_wrap .login_left li.active span.phone{ color:#FFF}
.login_wrap .login_right{ width:42%; height:70%; float:right; margin:15% 6% 0 0;}
.login_wrap .login_right .logo{height:87px; margin-bottom:70px; background:url(../image/logo_red.png) no-repeat center top; background-size:auto 100%;}
.login_wrap .login_right .shop{ padding-bottom:15px; font-size:20px; color:#666; }
.login_wrap .login_right .shop .name{ color:#666;}
.login_wrap .login_right .land{ position:relative;}
.login_wrap .login_right .land .input_01{ background:#FFF; width:97%; height:54px; border-radius:3px; padding-left:2%; vertical-align:middle; border:2px solid #d72a3e; box-sizing:border-box; padding-right:104px; font-family: "Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;}
.login_wrap .login_right .land .input_02{ width:104px; height:54px; vertical-align:middle; cursor:pointer; background:#d72a3e; color:#FFF; position:absolute; top:0; right:0;border:2px solid #d72a3e; line-height:50px; text-align:center; border-top-right-radius:3px; border-bottom-right-radius:3px; font-size:130%; box-sizing:border-box;}
.login_wrap .login_right .land .input_02:active{ background:#c81c30;}
.login_wrap .login_right .land .input_02.animation{
    -webkit-animation:shake .5s .1s ease both;
    -moz-animation:shake .5s .1s ease both;}
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translateX(0);}
    10%,40%,80%{-webkit-transform:translateX(-6px);}
    20%,60%{-webkit-transform:translateX(6px);}
}

@-moz-keyframes shake   {
    0%,100%{-moz-transform:translateX(0);}
    10%,40%,80%{-moz-transform:translateX(-6px);}
    20%,60%{-moz-transform:translateX(6px);}
}
.login_wrap .login_right .land_wrap .error_message{ color:#ff6b1c;}                     
.login_wrap .copyright{ clear:both; width:88%; margin:0 auto; text-align:right; color:#FFF; font-size:16px;}

.login_wrap .progress_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/progress_bg.png);}
.login_wrap .progress_bg .progress_wrap{ position:absolute; width:80%; left:10%; bottom:10%;}
.login_wrap .progress_bg .progress_wrap .progress_title{ display: block; position: absolute; text-align: center; width: 100%; left: 0; top: 6px; color: #896902; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



/*首页*/
.homepage{ width:100%; height:100%; position:absolute; left:0; top:0;}
.homepage .homeleft{ width:21.8%; height:100%; float:left; background:#383f49; position:relative;}
.homepage .homeleft .logo{ width:75%; position:absolute; top:6%; left:50%; margin-left:-37.5%;}
.homepage .homeleft .middle_wrap{ position:absolute; width:100%; left:0; top:20%;}
.homepage .homeleft .middle_wrap .headimg{ display:block; width:150px; height:150px; margin:0 auto; border-radius:50%; border:3px solid #5d6169; overflow:hidden;}
@media(min-width:1500px){
    .homepage .homeleft .middle_wrap .headimg{ width:200px; height:200px;}
}
.homepage .homeleft .middle_wrap .headimg img{ display:block; width:100%; height:100%; border-radius:50%;}
.homepage .homeleft .middle_wrap .username{ text-align:center; color:#FFF; font-size:120%; padding:5px 0 20px;}
.homepage .homeleft .middle_wrap .wdzh{ width:85%; font-size:120%; color:#FFF; padding:6% 0; text-align:center; background:#2d323b; border-radius:5px; border:2px solid #2a2e37; box-shadow:0 0 10px #424952; margin:0 auto;}
.homepage .homeleft .middle_wrap .wdzh .wdzh_bt{ color:#FFF;}
.homepage .homeleft .bottom_wrap{ position:absolute; width:100%; left:0; bottom:1%;}
.homepage .homeleft .bottom_wrap .qrcode{ width:60%; padding:5px; background:#FFF; margin:0 auto; position: relative;}
.homepage .homeleft .bottom_wrap .qrcode img{ display:block; }
.homepage .homeleft .bottom_wrap .qrcode img.qr_img{ position: absolute; left: 0; top: 0; z-index: 10;}
.homepage .homeleft .bottom_wrap .smgz{ text-align:center; font-size:120%; color:#FFF; padding-top:10px;}
.homepage .homeright{ width:78.2%; height:100%; float:left; background:#f4f9ff;}
.homepage .homeright .top{ width:94%; height:5%; padding:1.1% 3%; background:#cc293b;}
.homepage .homeright .top .func_btn{ display:inline-block; height:100%; width:45px; position:relative; float:right;}
.homepage .homeright .top #f_b1{}
.homepage .homeright .top #f_b2{ display:none;}
.homepage .homeright .top #f_b3{}
.homepage .homeright .top .func_btn:active{ top:1px;}

.homepage .homeright .top .func_btn .icon{ display:inline-block; width:8px; height:8px; background:#ffd400; border-radius:50%; vertical-align:top; margin-left:4px;display:none;}
.homepage .homeright .top .func_btn .icon.curr{ display:inline-block;}
.homepage .homeright .top .external_links{ float: left; width: auto; overflow: hidden; border-radius: 25px;}
.homepage .homeright .top .external_links:active{ top: 0;}
.homepage .homeright .top .external_links img{cursor: pointer; transition: all 0.5s;-webkit-transition: all 0.5s;box-sizing:border-box; border:1px solid #FFF; border-radius: 50%;display: block; float: left;}
.homepage .homeright .top .external_links img.ac{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.homepage .homeright .top .external_links .links_box{ display: inline-block; width: 0; height: 100%; white-space: nowrap; vertical-align: top;transition: width 0.5s;-webkit-transition: width 0.5s;}
.homepage .homeright .top .external_links .links_box .link{ display: inline-block; width: 50px; height: 100%; margin: 0 5px; font-size: 0.7em; color: #FFF; vertical-align: top; position:relative; background: url(../image/related_icon07_link.png) no-repeat center top; background-size:50% auto;}
.homepage .homeright .top .external_links .links_box .link:active{top: 1px;}
.homepage .homeright .top .external_links .links_box .link em{ position: absolute; width: 100%; text-align: center; bottom: 2px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.homepage .homeright .top .external_links .links_box.ac{ width: 240px;}
.homepage .homeright .banner{ padding:2% 2%; height:40%;}
.homepage .homeright .banner .pic{ width:61%; height:100%; float:left; border:1px solid #e4e5e9; box-sizing:border-box; background:url(../image/img_banner_df.jpg) no-repeat; background-size: 100% 100%;}
.homepage .homeright .banner .weather{ width:37%; height:100%; float:right; border:1px solid #e4e5e9; background:url(../image/weather_bg.jpg) no-repeat; background-size: 100% 100%; box-sizing:border-box; position: relative; overflow: hidden;}
.homepage .homeright .banner .weather .weather_no{ width: 100%; height: 100%; text-align: center; box-sizing:border-box; padding-top: 30%; color: #FFF;}
.homepage .homeright .banner .weather .mask{ position: absolute; width: 100%; height: 279px; left: 0; top: 50%; margin-top: -140px; z-index: 100;}
/*.homepage .homeright .banner .weather .weather_infor{ width:100%; height:100%; overflow:hidden;}
.homepage .homeright .banner .weather .weather_infor .date{ width:100%; padding:10% 0 15%; text-align:center; color:#FFF; font-size:130%;}
.homepage .homeright .banner .weather .weather_infor .date #date{ color:#FFF; margin-right:5%;}
.homepage .homeright .banner .weather .weather_infor .date #week{ color:#FFF;}
.homepage .homeright .banner .weather .weather_infor .infor_harf{width:50%; float:left; box-sizing:border-box; height:25%; text-align:center; color:#FFF; font-size:130%;}
.homepage .homeright .banner .weather .weather_infor #city{ padding-top:11%;}
.homepage .homeright .banner .weather .weather_infor #icon{ padding-top:2%;}
.homepage .homeright .banner .weather .weather_infor #temp{ padding-top:2%;}
.homepage .homeright .banner .weather .weather_infor #weather{ padding-top:6%;}*/
.homepage .homeright .menu{ width:96%; height:45%; margin:0 auto; box-sizing:border-box;}
.homepage .homeright .menu td{border:2px solid #e4e5e9; width:25%; box-sizing:border-box;}
.homepage .homeright .menu .item{ display:block; width:100%; height:100%; text-align:center; position:relative; left:0; top:0;}
/*.homepage .homeright .menu .item:active{ background:#e4e5e9;}*/
.homepage .homeright .menu .item .position_wrap{ width:100%; position:absolute; left:0; top:50%; margin-top:-50px;}
.homepage .homeright .menu .item .icon{ display:block; margin:0 auto; width:68px; height:68px; background:url(../image/nav_icon_red2.png) no-repeat; background-size: auto 250%;background-position: 5px 3px;}
.homepage .homeright .menu .item.daog .icon{ width:81px; background-position: -120px 4px}
.homepage .homeright .menu .item.cux .icon{ width:74px; background-position: -248px 2px;}
.homepage .homeright .menu .item.dingd .icon{ background-position: -376px 2px}
.homepage .homeright .menu .item.shouy .icon{width:76px; background-position:6px -100px;}
.homepage .homeright .menu .item.cunh .icon{width:72px; background-position:-123px -100px;}
.homepage .homeright .menu .item.gengd .icon{width:76px; background-position:-250px -100px;}
.homepage .homeright .menu .item.fenx .icon{background-position:-380px -103px;}
.homepage .homeright .menu .item .icon .num{ float: right; color:#FFF; display:block; padding: 2px 7px; background:#fabe00; border-radius: 15px;}
.homepage .homeright .menu .item .menuname{ display:block; text-align:center; color:#333; font-size:150%; padding-top:5px;}
.homepage .homeright .menu .item .shortcuts{ display: block; position: absolute; left: 5px; top: 5px; color: #ddd;}



/*主框架界面*/
.main_wrap{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.main_wrap .head{ display: block; height:4%; padding:0.7% 3%; background:#cc293b; line-height:20px;}
.main_wrap .head .home{ display:inline-block; height:100%; width:60px; position:relative; vertical-align:top; cursor:pointer;}
.main_wrap .head .home img{height:38px; width:38px;}
.main_wrap .head .home:active{ top:1px;}
.main_wrap .head .item{ vertical-align:top; color:#FFF; margin-right:1%;}
.main_wrap .head .item_num{ vertical-align:top; color:#f39d06; margin-right:3%; font-size:140%; position:relative; top:8px;}
.main_wrap .head .nav_widget{ display:inline-block; height:100%; width:45px; float:right; margin-left:10px; position:relative; vertical-align:top; cursor:pointer;}
.main_wrap .head .nav_widget.cunhuo{ display:none;}
.main_wrap .head .nav_widget img {height:38px; width: 38px;}
.main_wrap .head .nav_widget .warn{ display:inline-block; width:7px; height:7px; background:#fabe00; border-radius:50%; vertical-align:top; display:none;}
.main_wrap .head .nav_widget .warn.curr{ display:inline-block;}
.main_wrap .head .nav_widget:active{ top:1px;}



/*二级导航*/
.set_item{ width:18%; height:92.5%; overflow:auto; float:left; background:#f1f1f1; border-right:2px solid #666; box-sizing:border-box; position:relative;}
.set_item li{ padding:12px 0 12px 10%; cursor:pointer; border-bottom:1px solid #e1e1e1;}
.set_item li .icon{ display:none;}
.set_item li .text{ vertical-align:sub; color:#666;}
.set_item li.curr{ background:#FFF; border-left:5px solid #a61218;}
.set_item li.curr .text{color: #c5151c; font-weight:bold; font-size: 1.1em;}
.set_item li.three{ background:#e1e1e1; border-left:5px solid #a61218;}
.set_item li.three .text{ color: #c5151c; font-weight:bold; font-size: 1.1em;}
.item_cont{ width:80%; height:100%; overflow:auto; float:right;}

.set_item .sep_title{ padding:14px 0 14px 10%; font-weight:bold; background:#FFF; color:#666; font-size:1.1em;}
.set_item .sep_title .title_icon{ display:inline-block; width:8px; height:8px; background:#ce161d; border-radius:50%; vertical-align:middle; margin-right:10px;}
.set_item .sep_title .indi_icon{ display:inline-block; width:0; height:0; border-top:5px #666 solid; border-left:5px solid transparent; border-right:5px solid transparent; float:right; vertical-align:middle; margin-right:10%; position:relative; top:10px;}



/*弹出窗口*/
.pop_title{border-bottom:1px solid #ddd; text-align: center; padding-bottom:10px; color:#333; font-size:1.4em; position:relative; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pop_title .gd_time{ position:absolute; right:20px; bottom:0px; color:#666; font-size:0.6em;}
.pop_cont{ width:100%; max-height:310px; overflow:auto; color:#666; font-size:1em; margin: 10px 0;}
.popdiv{border-bottom:2px dashed #F3F3FA;}
.pop_cont .poptable{width:100%;}
.pop_cont .pop_table tr td.poptdone{width:30%;color:#e2ac02;}
.pop_cont .pop_table tr td.poptdtwo{width:20%;}
.pop_cont .pop_table tr td.poptdfour{width:20%;}
.pop_cont .pop_table tr td.poptdfive{width:20%;}
.pop_cont .pop_table tr td.poptdthr{width:20%;}
.pop_cont .pop_table tr td.poptdthr table tbody tr td.poptdone{width:30%;color:#000}
.pop_cont .pop_table tr td.poptdthr table tbody tr td.poptdtwo{width:30%; border :1px dashed gray ;cursor: pointer;}
.pop_cont .pop_table tr td.poptdthr table tbody tr td.poptdthr{width:30%;cursor: pointer;}
.pop_cont .pop_table tr td.poptdthr table tbody tr td.poptho{width:30%; border :1px dashed gray;cursor: pointer; }
.pop_cont i.help{ display: inline-block; width: 15px; height: 15px; background: url(../image/help_icon.png) no-repeat; background-size: 100% 100%; vertical-align: top; margin-left: 8px; cursor: pointer;}
.pop_cont .pop_table{ width:94%; margin:0 auto; color:#666;}
.pop_cont .pop_table_left{ width:45.5%; float: left;  margin-left: 3%;}
.pop_cont .pop_table_right{ width:45.5%; float: right; margin-right: 3%;}
.pop_cont .pop_table tr{ border-bottom:1px dashed #eee;}
.pop_cont .pop_table tr:last-child{ border-bottom:none;}
.pop_cont .pop_table tr:active{ background: #f6f6f6;}
.pop_cont .pop_table td{ box-sizing:border-box; padding:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.pop_cont .pop_table td.name{ width:30%;}
.pop_cont .pop_table td.val{ width:70%; position:relative;}
.pop_cont .pop_table td.val .note{ display: inline-block; width: 100%; text-overflow:clip; white-space: normal;}
.pop_cont .pop_table td input{ color: #666;}
.pop_cont .pop_table td input[type="text"],
.pop_cont .pop_table td input[type="date"],
.pop_cont .pop_table td input[type="password"],
.pop_cont .pop_table td input[type="email"],
.pop_cont .pop_table td select{ border:1px solid #ddd; border-radius:3px; width:100%; color: #333; height:40px; box-sizing:border-box; padding:10px;}
.pop_cont .pop_table td input.readonly{ background: #eee;}
.pop_cont .pop_table td input.half,
.pop_cont .pop_table td select.half{ width:49%;}
.pop_cont .pop_table td textarea{min-width: 100%; max-width: 100%; min-height: 60px; max-height: 100px; border: 1px solid #ddd; color: #333; font-size: 0.9em; box-sizing:border-box; padding: 5px;}
.pop_cont .pop_table td.val.input_btn{ position: relative;}
.pop_cont .pop_table td.val.input_btn input[type="date"]{padding:6px 80px 6px 10px;}
.pop_cont .pop_table td.val.input_btn button{position:absolute; box-sizing:border-box; width:70px; height:40px; border:1px solid #ccc; right:10px; top:10px; border-bottom-right-radius:3px; border-top-right-radius:3px; background:#e9e9e9; color:#333; cursor:pointer;}
.pop_cont .pop_table td.val.input_btn button:active{background:#cc293b; color:#FFF;}
.pop_cont .pop_table td.val .cityset_box{ width:100%; height:40px; box-sizing:border-box;}
.pop_cont .pop_table td.val .cityset_box .citySelector{ width:31.33%; margin-right:3%; float: left;}
.pop_cont .pop_table td.val .cityset_box .citySelector:last-child{ margin-right:0;}
.pop_cont .pop_table td .remark{ display: block; width: 100%; position: absolute; left: 0; bottom: -5px; font-size: 0.8em; color: #f39d06;}
.pop_cont table .val .radio_wrap{ position: relative;}
.pop_cont table .val .radio_wrap label{ margin-right:0; float:left; height: 34px; padding: 0 20px; line-height: 34px; border: 1px solid #ddd; cursor: pointer; background: #f6f6f6;}
.pop_cont table .val .radio_wrap label:nth-child(2){ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.pop_cont table .val .radio_wrap label:last-child{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.pop_cont table .val .radio_wrap label.curr{ color: #FFF; background: #fabe00; border-color: #fabe00;}
.pop_cont table .val .radio_wrap input{ position: absolute; z-index: -10;}
.pop_cont .date_table{ width:94%; margin:10px auto; color:#666; border-collapse: collapse;}
.pop_cont .date_table th{ background: #f1f1f1;}
.pop_cont .date_table th,
.pop_cont .date_table td{ border: 1px solid #ddd; padding: 3px; text-align: center;}
.pop_cont .date_table td input{ width:55px; height:21px; text-align: center; border: 1px solid #ddd; color: #c69702; vertical-align: text-bottom;}
.pop_cont .date_table th input[type="checkbox"]{ vertical-align:middle;}
.pop_cont .date_table td input[type="checkbox"]{ vertical-align:text-bottom;}
.pop_cont .date_table td .btn_add{ display: inline-block; background: #ddd; color: #FFF; border:1px solid #ddd; cursor: pointer; width: 28px; border-bottom-left-radius:3px; border-top-left-radius: 3px; font-size: 1.2em; line-height: 26px; vertical-align: top; }
.pop_cont .date_table td .gift_num{ display: inline-block; border:1px solid #ddd; min-width: 32px; color: #c69702;}
.pop_cont .date_table td .btn_reduce{display: inline-block; background: #ddd; color: #FFF; border:1px solid #ddd; cursor: pointer; width: 28px; border-bottom-right-radius:3px; border-top-right-radius: 3px; font-size: 1.2em; line-height: 26px; vertical-align: top; }
.pop_cont .date_table td .btn_add:active,
.pop_cont .date_table td .btn_reduce:active{ background: #ff6600; border-color: #ccc;}
.pop_cont .date_table td .btn{border:1px solid #ddd; color:#454545; background:#f6f6f6; padding:7px 15px; font-size: 0.8em; border-radius:5px; margin:0 5px; box-sizing:border-box; cursor:pointer;}
.pop_cont .date_table td .btn:active{background:#cc293b; color:#FFF;}
.ngdialog .btn_wrap{ text-align:center; padding-top:10px; border-top:1px solid #ddd;}
.ngdialog .btn_wrap .btn{border:1px solid #ddd; color:#454545; background:#f6f6f6; padding:8px 15px; border-radius:5px; margin:0 5px; box-sizing:border-box; cursor:pointer;}
.ngdialog .btn_wrap .btn .shortcuts{ font-size: 0.8em; color: #999; margin-left: 5px;}
.ngdialog .btn_wrap .btn:active{background:#cc293b; color:#FFF;}
.ngdialog .btn_wrap .btn:active .shortcuts{color:#FFF;}

.pop_cont .pop_table tr.select td{ background:#027676; color: #FFF;}
.pop_cont .pop_table tr.select td input{ color: #FFF;}
.pop_cont .error{ border-color:#cc293b;}

/*大弹窗*/
.pop_large_title{padding: 10px;}
.pop_large_cont{ max-height: none; margin: 0; height: 100%;box-sizing:border-box; padding-bottom: 47px;}
.pop_large_cont .right_cont{ width: 80%; height: 100%; overflow: auto; box-sizing:border-box; float:left; background: #FFF;}


/*消息页*/
.message_box{position:relative; padding-top:45px; width:100%; height:94%; overflow:hidden; box-sizing:border-box;}
.message_title{ width:100%; height:44px; background:#e9e9e9; border-bottom:1px solid #ddd; text-align: center; line-height:44px; font-weight:700; color:#333; position:absolute; z-index:1000; left:0; top:0; font-size:1.2em;}
.message_list{ width:100%; height:100%; padding:15px 2%; box-sizing:border-box; overflow:auto;}
.message_list li{ margin-bottom:10px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.message_list li .title_wrap{ background:#f6f6f6; border-bottom:1px solid #ddd; padding:6px 15px; color:#c69702;}
.message_list li .title_wrap .status{ float:right;}
.message_list li .cont_wrap{ padding:0 15px 6px; overflow:hidden; color:#666;}
.message_list li .cont_wrap span{ display:block; margin-top:6px;}
.message_list li .cont_wrap span.download_time{ float:left; margin-right:15px;}

/*廉政页*/
.lianzheng ul{ list-style-type:none;}
.lianzheng li{ margin: 10px 0px 0px 0px; padding:0; list-sytle:none; list-style-position: outside;}
.lianzheng p{ text-align:left; text-indent:2em; padding-bottom:10px; }
.lianzheng h4,p{ margin: 10px 0px 0px 0px;}
.lianzheng .lz_box{width:100%;margin-right: 0%; margin-left: 0%; }
.lianzheng .set_cont li ul{ margin-left : 2em; }

/*未读消息*/
.pop_cont .unread_table{ width:94%; margin:0 auto;}
.pop_cont .unread_table tr{border-bottom:1px dashed #ddd;}
.pop_cont .unread_table tr:active{ background:#e9e9e9;}
.pop_cont .unread_table td{ box-sizing:border-box; padding:8px 0; overflow:hidden;}
.pop_cont .unread_table td.news_cont{ color:#666;}
.pop_cont .unread_table tr:active td.news_cont{ color:#333;}
.pop_cont .unread_table td.i_know{ text-align:right;}
.pop_cont .unread_table td.i_know .btn{display:inline-block; width:30px; height:20px; background:url(../image/news.png) no-repeat center; background-size:auto 100%; vertical-align:middle; cursor:pointer;}



/*设置内容页*/
.set_box{ position:relative; padding-top:45px; width:82%; float:right; height:93%; overflow:hidden; box-sizing:border-box; color:#333;}
.set_box .set_title{ width:100%; height:44px; background:#e9e9e9; border-bottom:1px solid #ddd; text-align: center; line-height:44px; font-weight:700; color:#333; position:absolute; left:0; top:0; font-size:1.2em;}
.set_box .set_title .title_btn_group{ position:absolute; top:-2px; right:0;}
.set_box .set_title .title_btn_group .title_btn{ display:inline-block; padding:6px 15px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; margin-right:6px; margin-top:8px; font-size:0.8em; font-weight:normal; line-height:18px; cursor:pointer; float:left;}
.set_box .set_title .title_btn_group .title_btn:active{background:#cc293b; color:#FFF;}
.set_box .set_title .title_btn_group .title_btn.curr{ color:#c5151c;}

.set_box .set_title_auto{ width:100%; height:44px; background:#e9e9e9; border-bottom:1px solid #ddd; text-align:right; line-height:44px; font-weight:700; color:#333; position:absolute; left:0; top:0; font-size:1.2em;}
.set_box .set_title_auto .title_btn_group{ min-width: 43%;max-width:80%; vertical-align: middle;float: right; margin-left: 10px;}
.set_box .set_title_auto .title_btn_group .title_btn{ display:inline-block; padding:6px 15px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; margin-right:6px; margin-top:8px; font-size:0.8em; font-weight:normal; line-height:18px; cursor:pointer;}
.set_box .set_title_auto .title_btn_group .title_btn:active{background:#cc293b; color:#FFF;}
.set_box .set_title_auto .title_btn_group .title_btn.curr{ color:#c5151c;}

.set_box .set_cont{ width:100%; height:100%; padding:15px 2%; box-sizing:border-box; overflow:auto;}
.set_box .set_title i.help{ display: inline-block; width: 15px; height: 15px; background: url(../image/help_icon.png) no-repeat; background-size: 100% 100%; vertical-align: top; margin-left: 8px; cursor: pointer; margin-top: 13px;}
.set_box .set_cont i.help{ display: inline-block; width: 15px; height: 15px; background: url(../image/help_icon.png) no-repeat; background-size: 100% 100%; vertical-align: top; margin-left: 8px; cursor: pointer;}
.set_box .set_cont .about_table{ width:100%; box-sizing:border-box; overflow:hidden;}
.set_box .set_cont .about_table tr:nth-child(odd){background:#f9f9f9;}
.set_box .set_cont .about_table tr td{ padding: .4em .5em; line-height:1.5em; box-sizing:border-box; height: 31px;}
.set_box .set_cont .about_table tr td:first-child{ text-align: right;}
.set_box .set_cont .about_table tr td a{ color: #027676;}
.set_box .set_cont.dev_team{}
.set_box .set_cont.dev_team h1{color: #66090d; font-size: 4em; padding: 20px 30px; border-bottom: 3px solid #f39d06;}
.set_box .set_cont.dev_team .cont{padding: 50px 30px; border-bottom: 3px solid #f39d06;}
.set_box .set_cont.dev_team .cont .team_list{ margin-bottom: 50px;}
.set_box .set_cont.dev_team .cont .team_list li{ line-height: 40px; font-weight: bold; position: relative; padding-left: 80px;}
.set_box .set_cont.dev_team .cont .team_list li label{ display: inline-block; line-height: 40px; width: 80px; text-align: right; position: absolute; left: 0; top: 0;}
.set_box .set_cont.dev_team .cont .team_list li span{ display: inline-block; min-width: 100px;}
.set_box .set_cont.dev_team .cont h3{color: #f39d06; line-height: 40px;}
.set_box .set_cont.dev_team .cont .property{color: #333; font-size: 0.9em; line-height: 24px;}
.set_box .set_cont.dev_team .footer{ text-align: center; font-weight: bold; padding: 50px 0; color: #999;}
.set_box .set_cont.update_log{}
.set_box .set_cont.update_log .version_date{border-bottom: 2px solid #ddd; line-height: 40px; margin-bottom: 40px;}
.set_box .set_cont.update_log .version_date .version{border-bottom: 2px solid #f39d06;position: relative;bottom: -2px;display: inline-block;padding: 0 10px;font-size: 1.1em; height: 42px; vertical-align: middle;}
.set_box .set_cont.update_log .version_date .date{ float: right; color: #999; line-height: 60px;}
.set_box .set_cont.update_log .category{padding: 10px 30px;color: #f39d06;background: #f9f9f9;border-bottom: 1px dashed #ddd;}
.set_box .set_cont.update_log .category_list{ padding-left: 80px;padding: 20px 80px;background: #f9f9f9;margin-bottom: 20px;font-size: 0.9em;}
.set_box .set_cont.update_log .category_list li{list-style: decimal;line-height: 22px;}



.set_box .set_cont.shop_set .shop_curr{ border-radius: 5px; width: 99%; clear: both; margin:0 auto; background-color: #f1f1f1; padding:15px 20px 10px; overflow:hidden; color:#333; line-height:40px; vertical-align:bottom; box-sizing:border-box;}
.set_box .set_cont.shop_set .shop_curr .shop_search{ clear: both; text-align: center; padding-bottom: 10px; position: relative; overflow: hidden;}
.set_box .set_cont.shop_set .shop_curr .shop_search input{ height:40px; border:2px solid #999; background-color: #FFF; width:100%; vertical-align:bottom; padding:0 5px; color:#666; border-radius:5px; box-sizing:border-box;}
.set_box .set_cont.shop_set .shop_curr .shop_search button{ width:40px; height:40px; background:#999 url(../image/search_icon_white.png) no-repeat center; vertical-align:bottom; background-size:60%; border-bottom-right-radius:5px; border-top-right-radius:5px; cursor:pointer; position: absolute; bottom:10px;  right: 0;}
.set_box .set_cont.shop_set .shop_curr .shop_search button:active{background-color:#666;}
.set_box .set_cont.shop_set .shop_curr .shopname{ width: 70%; float: left; color:#c69702; font-size:1.2em; }
.set_box .set_cont.shop_set .shop_curr .checkstand{ width: 30%; float: left; color:#c69702; text-align: right;}
.set_box .set_cont.shop_set .shop_curr .checkstand button{border:1px solid #c69702; background:#FFF; padding:8px 15px; border-radius:5px; color:#c69702; cursor:pointer;}
.set_box .set_cont.shop_set .shop_curr .checkstand button:active{ background:#c69702; color:#FFF;}
.set_box .set_cont.shop_set .shop_list_unit{ width:48.5%; box-sizing:border-box; float:left; margin-left:1%; border:1px solid #eee; padding:12px 15px; padding-right:3%; margin-top:8px; border-radius:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../image/shop.png) no-repeat 97% center; background-size:auto 50%; cursor:pointer;}
.set_box .set_cont.shop_set .shop_list_unit.curr{background-color:#c69702; background-image:url(../image/shop_curr.png); color:#FFF;}

.set_box .set_cont.check_set .check_list{ overflow:hidden; padding-top:15px; border:1px solid #eee; margin-bottom: 15px;}
.set_box .set_cont.check_set .check_list li{ width:47%; margin-left:2%; float:left; background:#f6f6f6; box-sizing:border-box; color:#333; padding:0 15px; margin-bottom:15px; border-radius:3px; overflow:hidden; position:relative; border:1px solid #eee;}
.set_box .set_cont.check_set .check_list li.active{ color:#c5151c; background:#eec9d0 url(../image/ok.png) no-repeat 97% center; background-size:auto 50%;}
.set_box .set_cont.check_set .check_list li input[type="checkbox"]{ position:absolute; left:0; top:0; opacity:0;}
.set_box .set_cont.check_set .check_list li label{ display:block; width:100%; height:80px; line-height:80px; font-size:1.2em; cursor:pointer;}
.set_box .set_cont.check_set .check_list li label input{ width: 40px;}
.set_box .set_cont.check_set .check_list li.active label input{ width: 40px; color:#c5151c; }

.set_box .set_cont.user_manage .table_wrap{ border-radius:5px; border:1px solid #eee; overflow:hidden; margin-bottom:15px;}
.set_box .set_cont.user_manage .user_table{ width:100%; color:#666; border-collapse:collapse;}
.set_box .set_cont.user_manage .user_table tr{border-bottom:1px solid #eee;}
.set_box .set_cont.user_manage .user_table tr:last-child{ border:none;}
.set_box .set_cont.user_manage .user_table tr:active{ background:#f6f6f6;}
.set_box .set_cont.user_manage .user_table th{ border-right:1px dashed #eee; background:#f6f6f6;}
.set_box .set_cont.user_manage .user_table th:last-child{ border:none;}
.set_box .set_cont.user_manage .user_table th,
.set_box .set_cont.user_manage .user_table td{ padding:10px; text-align:center; min-width:50px;}
.set_box .set_cont.user_manage .user_table td .user_edit{ width:30px; height:20px; background:url(../image/edit.png) no-repeat center; background-size:auto 100%; vertical-align:middle; cursor:pointer;}
.set_box .set_cont.user_manage .user_table td .down_btn{ color:#027676; cursor:pointer;}
.set_box .set_cont.user_manage .nextpage{ text-align:center;}
.set_box .set_cont.user_manage .nextpage .btn_more{ width:80px; height:40px; background:url(../image/more.png) no-repeat center; background-size:auto 100%; margin-top:20px; cursor:pointer;}
.set_box .set_cont.user_manage .nextpage .btn_more:active{ background-image:url(../image/more_active.png);}


.pop_cont.user_add{ width:100%; padding-top:10px;}
.pop_cont.user_add table{ width:96%; margin:0 auto; margin-bottom:10px;}
.pop_cont.user_add table td{ padding:5px 0;}
.pop_cont.user_add table .name{ width:30%;}
.pop_cont.user_add table .val{ width:70%;}
.pop_cont.user_add table .val input[type="text"],
.pop_cont.user_add table .val input[type="password"]{border:1px solid #ccc; height:42px; box-sizing:border-box; padding:0 10px; width:100%; border-radius:3px;}
.pop_cont.user_add .user_bind_table{ margin-bottom:10px;}
.pop_cont.user_add .user_bind_table .worknum_search{ position:relative;}
.pop_cont.user_add .user_bind_table .worknum_search button{ position:absolute; box-sizing:border-box; width:70px; height:42px; border:1px solid #ccc; right:0; top:5px; border-bottom-right-radius:3px; border-top-right-radius:3px; background:#e9e9e9; color:#333; cursor:pointer;}
.pop_cont.user_add .user_bind_table .worknum_search button:active{background:#cc293b; color:#FFF;}
.pop_cont.user_add .user_bind_table td .username,
.pop_cont.user_add .user_bind_table td .usertel{ display:inline-block; width:100%; height:42px; line-height:42px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; vertical-align:middle; padding:0 10px;}

.set_box .set_cont.common_set{width:100%; padding:0 0 60px;}
.set_box .set_cont .common_table_wrap{border:1px solid #eee; border-radius:5px; overflow:hidden; margin:15px 2%;}
.set_box .set_cont .common_table{ width:100%; border-collapse:collapse; }
.set_box .set_cont .common_table tr{ border-bottom:1px solid #eee;}
.set_box .set_cont .common_table tr:last-child{ border-bottom:none;}
.set_box .set_cont .common_table td{ padding:5px 10px; }
.set_box .set_cont .common_table td.name{ width:20%;}
.set_box .set_cont .common_table td.name label{display:inline-block; padding:8px 0;}
.set_box .set_cont .common_table td input[type="text"],
.set_box .set_cont .common_table td input[type="password"]{ border:1px solid #ccc; padding:8px 15px; width:90%; border-radius:5px;}
.set_box .set_cont .common_table td input[type="number"]{ border:1px solid #ccc; padding:8px 15px; width:10%; border-radius:5px;}
.set_box .set_cont .radio_wrap{ position: relative;}
.set_box .set_cont .radio_wrap label{ margin-right:0; float:left; height: 30px; padding: 0 20px; line-height: 30px; border: 1px solid #ddd; cursor: pointer; background: #f6f6f6;}
.set_box .set_cont .radio_wrap label:nth-child(2){ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.set_box .set_cont .radio_wrap label:last-child{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.set_box .set_cont .radio_wrap label.curr{ color: #FFF; background: #fabe00; border-color: #fabe00;}
.set_box .set_cont .radio_wrap input{ position: absolute; z-index: -10;}
.set_box .set_cont .common_table td.val select{border:1px solid #ccc; height:36px; box-sizing:border-box; padding:0 10px; width:20%; border-radius:5px;}
.set_box .set_cont .common_table td.val .btn{border:1px solid #ddd; background:#f6f6f6; padding:8px 15px; border-radius:5px; color:#333;}
.set_box .set_cont .common_table td.val .btn:active{ background:#cc293b; color:#FFF;}
.set_box .set_cont .common_table td.val .check_result{ color: #fabe00; display: inline-block; padding:0 20px; font-size: 1.5em; box-sizing:border-box; vertical-align: top; float: right;}
.set_box .set_cont .common_table td.val .wl_unit{ display: inline-block; border:1px solid #ddd; background:#f6f6f6; padding:6px 20px; color:#333; margin-right: 5px; cursor: pointer; border-radius: 3px;}
.set_box .set_cont .common_table td.val .wl_unit:active{background:#f6f6f6;}
.set_box .set_cont .common_table_type2{ width:100%; border-collapse:collapse;}
.set_box .set_cont .common_table_type2 tr{border-bottom:1px solid #eee;}
.set_box .set_cont .common_table_type2 tr:last-child{ border-bottom:none;}
.set_box .set_cont .common_table_type2 th{ background: #f1f1f1;}
.set_box .set_cont .common_table_type2 th,
.set_box .set_cont .common_table_type2 td{ padding: 10px; text-align: center;}
.set_box .set_cont .common_table_type2 td input[type="text"]{ border: 1px solid #ccc; padding:6px 15px; width: 100%; box-sizing:border-box; border-radius: 5px;}
.set_box .set_cont .common_btn_wrap{ text-align: center;}
.set_box .set_cont .common_btn_wrap button{border:1px solid #ddd; background:#f6f6f6; padding:8px 15px; border-radius:5px; color:#333; cursor:pointer;}
.set_box .set_cont .common_btn_wrap button:active{ background:#cc293b; color:#FFF;}

.set_box .set_cont .pass_table_wrap{border:1px solid #eee; border-radius:5px; overflow:hidden;}
.set_box .set_cont .pass_table{width:100%; border-collapse:collapse; }
.set_box .set_cont .pass_table tr{ border-bottom:1px solid #eee;}
.set_box .set_cont .pass_table tr:last-child{ border-bottom:none;}
.set_box .set_cont .pass_table td{ padding:5px 10px;}
.set_box .set_cont .pass_table td.name{ width:20%;}
.set_box .set_cont .pass_table td input{ border:1px solid #ccc; padding:8px 15px; width:90%; border-radius:5px;}
.set_box .set_cont .pass_table td button{border:1px solid #ccc; padding:8px 15px; border-radius:5px; color:#333;}

.set_box .set_cont .print_table_wrap{border:1px solid #eee; border-radius:5px; overflow:hidden;}
.set_box .set_cont .print_table{width:100%; border-collapse:collapse; }
.set_box .set_cont .print_table tr{ border-bottom:1px solid #eee;}
.set_box .set_cont .print_table tr:last-child{ border-bottom:none;}
.set_box .set_cont .print_table td{ padding:5px 10px;}
.set_box .set_cont .print_table td.name{ width:20%;}
.set_box .set_cont .print_table td.name label{display:inline-block; padding:8px 0;}
.set_box .set_cont .print_table td input[type="text"],
.set_box .set_cont .print_table td input[type="number"],
.set_box .set_cont .print_table td input[type="tel"]{ border:1px solid #ccc; padding:8px 15px; width:90%; border-radius:5px;}
.set_box .set_cont .print_table td.val select{width:100px; border:1px solid #ddd; border-radius:5px; text-indent:10px; height:38px; color:#333; background:#FFF;}
.set_box .set_cont .print_table td.val input[type="button"],
.set_box .set_cont .print_table td button{border:1px solid #ddd; background:#f6f6f6; padding:8px 15px; border-radius:5px; color:#333;}
.set_box .set_cont .print_table td.val input[type="button"]:active,
.set_box .set_cont .print_table td button:active{ background:#cc293b; color:#FFF;}

.set_box .set_cont.wait_upload{ width:100%; padding:0 0 60px;}
.set_box .set_cont.wait_upload .synch_box{ border:1px solid #eee; width: 96%; margin: 15px auto;}
.set_box .set_cont.wait_upload .synch_box li{ border-bottom:1px solid #eee; padding:8px 0;}
.set_box .set_cont.wait_upload .synch_box li:last-child{ border-bottom:none;}
.set_box .set_cont.wait_upload .synch_box .title{ background:#f6f6f6; padding-left:15px; color:#333;}
.set_box .set_cont.wait_upload .synch_set .synch_item{ overflow:hidden;}
.set_box .set_cont.wait_upload .synch_set .synch_item .name{ width:20%; box-sizing:border-box; float:left; padding-left:15px; line-height:38px;}
.set_box .set_cont.wait_upload .synch_set .synch_item .val{ width:80%; box-sizing:border-box; float:left;}
.set_box .set_cont .navbar{ height:35px; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; border-right:none; margin: 15px 2% 0;}
.set_box .set_cont .navbar li{ width:33.33%; box-sizing:border-box; height:35px; border-right:1px solid #ddd; text-align:center; line-height:34px; float:left;}
.set_box .set_cont .navbar li a{ color:#333; display:block; height:35px; position:relative; cursor:pointer;}
.set_box .set_cont .navbar li a .navbar_count{ display:block; width:22px; height:22px; position:absolute; top:6px; right:6px; border-radius:50%; text-align:center; line-height:22px; box-sizing:border-box; background: #FFF; color: #c69702;}
.set_box .set_cont .navbar li a.curr{ background:#eee;}
.set_box .set_cont .navbar_ul_4 li{ width: 25%;}
.set_box .set_cont.wait_upload .table_wrap{ width:96%; margin:15px auto; border-radius:5px; border:1px solid #eee; overflow:hidden; margin-bottom:15px;}
.set_box .set_cont.wait_upload .table_wrap .list_table{width:100%; color:#666; border-collapse:collapse;}
.set_box .set_cont.wait_upload .table_wrap .list_table tr{border-bottom:1px solid #eee;}
.set_box .set_cont.wait_upload .table_wrap .list_table tr:last-child{ border:none;}
.set_box .set_cont.wait_upload .table_wrap .list_table tr:active{ background:#f6f6f6;}
.set_box .set_cont.wait_upload .table_wrap .list_table th{ border-right:1px dashed #eee; background:#f6f6f6;}
.set_box .set_cont.wait_upload .table_wrap .list_table th:last-child{ border:none;}
.set_box .set_cont.wait_upload .table_wrap .list_table th,
.set_box .set_cont.wait_upload .table_wrap .list_table td{ padding:10px; text-align:center;}
.set_box .set_cont.wait_upload .table_wrap .list_table td.detail{ width:45%;}
.set_box .set_cont.wait_upload .table_wrap .list_table td a{ color:#027676;}
.set_box .set_cont.wait_upload .tail_btn{ text-align:center;}
.set_box .set_cont.wait_upload .tail_btn .btn{ border:1px solid #ddd; color:#333; border-radius:3px; padding:8px 20px;}

.set_box .set_cont.patch_cont .table_wrap{ border-radius:5px; border:1px solid #eee; overflow:hidden; margin-bottom:15px;}
.set_box .set_cont.patch_cont .patch_table{ width:100%; color:#666; border-collapse:collapse;}
.set_box .set_cont.patch_cont .patch_table tr{border-bottom:1px solid #eee;}
.set_box .set_cont.patch_cont .patch_table tr:last-child{ border:none;}
.set_box .set_cont.patch_cont .patch_table tr:active{ background:#f6f6f6;}
.set_box .set_cont.patch_cont .patch_table th{ border-right:1px dashed #eee; background:#f6f6f6;}
.set_box .set_cont.patch_cont .patch_table th:last-child{ border:none;}
.set_box .set_cont.patch_cont .patch_table th,
.set_box .set_cont.patch_cont .patch_table td{ padding:10px; text-align:center; min-width:50px;font-size: 0.9em;}
.set_box .set_cont.patch_cont .patch_table td button{ font-size: 0.9em; border:1px solid #ddd; background:#f6f6f6; padding:6px 10px; border-radius:5px; color:#333; cursor:pointer;}
.set_box .set_cont.patch_cont .patch_table td button:active{ background:#cc293b; color:#FFF;}
.shade{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../image/progress_bg.png); z-index: 1001;}

.set_box .set_cont.stock_synch{}
.set_box .set_cont.stock_synch .synch_box{ border:1px solid #eee; border-radius:5px; margin-bottom:15px;}
.set_box .set_cont.stock_synch .synch_box li{ border-bottom:1px solid #eee; padding:8px 0;}
.set_box .set_cont.stock_synch .synch_box li:last-child{ border-bottom:none;}
.set_box .set_cont.stock_synch .synch_box .title{ background:#f6f6f6; padding-left:15px; color:#333;}
.set_box .set_cont.stock_synch .synch_set .synch_item{ overflow:hidden;}
.set_box .set_cont.stock_synch .synch_set .synch_item .name{ width:20%; box-sizing:border-box; float:left; padding-left:15px; line-height:38px;}
.set_box .set_cont.stock_synch .synch_set .synch_item .val{ width:80%; box-sizing:border-box; float:left;}
.set_box .set_cont.stock_synch .synch_result .result_table{ padding:15px;}
.set_box .set_cont.stock_synch .synch_result .result_table table{ width:100%; border-collapse:collapse;}
.set_box .set_cont.stock_synch .synch_result .result_table table th,
.set_box .set_cont.stock_synch .synch_result .result_table table td{ border:1px solid #eee; padding:5px; text-align:center;}
.set_box .set_cont.stock_synch .synch_result .result_table table td button{ border:1px solid #ddd; border-radius:5px; padding:4px 10px;}

.set_box .set_cont.increment_module{ background: #f6f6f6;}
.set_box .set_cont.increment_module .module{ width: 48%; margin:1%; float: left; overflow: hidden; background: #FFF; box-sizing:border-box; border:1px solid #ddd; font-size: 0.9em; color: #999; box-shadow: 0 0 10px #ccc; position: relative;}
.set_box .set_cont.increment_module .module .logo{ width:35%; height: 110px; float: left; box-sizing:border-box; border-right: 1px solid #ddd; cursor: pointer;}
.set_box .set_cont.increment_module .module .right_box{width: 65%; float: right; box-sizing:border-box; }
.set_box .set_cont.increment_module .module .right_box .cont{ padding: 10px 10px 0 10px; border-bottom: 1px solid #ddd;}
.set_box .set_cont.increment_module .module .right_box .cont .title{ padding: 5px; color: #333;}
.set_box .set_cont.increment_module .module .right_box .cont .txt{ padding:5px; padding-bottom: 0; margin-bottom: 5px; font-size: 0.8em; height: 30px; overflow: hidden; line-height: 14px;}
.set_box .set_cont.increment_module .module .right_box .property{ height: 30px; line-height: 30px; text-align: center; font-size: 0.8em;}
.set_box .set_cont.increment_module .module .right_box .property .platform{ display: inline-block; width: 35%; float: left; box-sizing:border-box; border-right: 1px solid #ddd;}
.set_box .set_cont.increment_module .module .right_box .property .platform i{ display: inline-block; width: 15px; height: 15px; margin: 7px 4px 0; vertical-align: top;}
.set_box .set_cont.increment_module .module .right_box .property .platform i.android_icon{ background: url(../image/android_icon.png) no-repeat; background-size: 100% 100%;}
.set_box .set_cont.increment_module .module .right_box .property .platform i.apple_icon{background: url(../image/apple_icon.png) no-repeat; background-size: 100% 100%;}
.set_box .set_cont.increment_module .module .right_box .property .platform i.windows_icon{background: url(../image/windows_icon.png) no-repeat; background-size: 100% 100%;}
.set_box .set_cont.increment_module .module .right_box .property .charge{ display: inline-block; width: 65%; float: right;}
.set_box .set_cont.increment_module .module .switch{ position: absolute; right: 10px; top: 10px; cursor: pointer; width: 28px; height: 28px; background: url(../image/module_switch_on.png) no-repeat; background-size: 100% 100%;}
.set_box .set_cont.increment_module .module.off{ box-shadow: none;}
.set_box .set_cont.increment_module .module.off .logo{ opacity: 0.7;}
.set_box .set_cont.increment_module .module.off .logo img{filter:grayscale(1);-webkit-filter:grayscale(1);}
.set_box .set_cont.increment_module .module.off .right_box{ opacity: 0.7;}
.set_box .set_cont.increment_module .module.off .right_box .cont .title{ color: #666;}
.set_box .set_cont.increment_module .module.off .switch{ background-image: url(../image/module_switch.png);}

.set_box .set_cont .thermal_table{ width:100%; color:#666; border-collapse:collapse;}
.set_box .set_cont .thermal_table tr{border-bottom:1px solid #eee;}
.set_box .set_cont .thermal_table tr:last-child{ border:none;}
.set_box .set_cont .thermal_table tr:active{ background:#f6f6f6;}
.set_box .set_cont .thermal_table th{ border-right:1px dashed #eee; background:#f6f6f6;}
.set_box .set_cont .thermal_table th:last-child{ border:none;}
.set_box .set_cont .thermal_table th,
.set_box .set_cont .thermal_table td{ padding:10px; text-align:center; min-width:50px;}
.set_box .set_cont .thermal_table td .btn{border:1px solid #ddd; background:#f6f6f6; padding:8px 15px; border-radius:5px; color:#333; margin-right:4px;}
.set_box .set_cont .thermal_table td .btn:active{ background:#cc293b; color:#FFF;}
.set_box .set_cont .thermal_table td .user_edit{ width:30px; height:20px; background:url(../image/edit.png) no-repeat center; background-size:auto 100%; vertical-align:middle; cursor:pointer;}
.set_box .set_cont .thermal_table td .down_btn{ color:#027676; cursor:pointer;}


.set_box button:active{background:#e9e9e9;}
.set_box input[type="radio"]{border:1px solid #ccc;}



/*个人中心*/
.set_cont.myaccount{}
.set_cont.myaccount .info_table_wrap{ border:1px solid #eee; border-radius:3px; padding:25px; overflow:hidden;}
.set_cont.myaccount .info_table{ width:100%;}
.set_cont.myaccount .info_table td{ padding:10px 0;}
.set_cont.myaccount .info_table td.account_head{ width:35%; text-align:center; padding:0;}
.set_cont.myaccount .info_table td.account_head .headimg{ display:block; margin:0 auto; width:157px; height:157px; border-radius:50%; overflow:hidden; border:4px solid #FFF; box-shadow:0 0 10px #ccc; box-sizing:border-box;}
.set_cont.myaccount .info_table td.account_head .username{ font-size:120%; padding-top:10px;}
.set_cont.myaccount .info_table td label{ display:inline-block;min-width: 160px;}
.set_cont.myaccount .info_table td input{ border:1px solid #ccc; padding:8px 15px; border-radius:5px; width:50%; background:#FFF;}
.set_cont.myaccount .info_table td .state{ display:inline-block; padding:8px 0;}

.set_cont.myaccount .tabs{ overflow: hidden; border-radius: 3px; margin-bottom: 15px;}
.set_cont.myaccount .tabs .tabs_li{ width: 50%; box-sizing:border-box; float: left; border:1px solid #ddd; color:#333; line-height:35px; background: #FFF; border-right: none; text-align: center; cursor: pointer;}
.set_cont.myaccount .tabs .tabs_li:last-child{ border-right: 1px solid #ddd;}
.set_cont.myaccount .tabs .tabs_li.curr{background:#eee;}
.set_cont.myaccount .change_table td label{ width:25%; text-align:right;}
.set_cont.myaccount .change_table td input{ width:55%;}
.set_cont.myaccount .change_table td button{border:1px solid #ccc; padding:10px 25px; border-radius:5px; background: #f6f6f6;}
.set_cont.myaccount .change_table td button:active{ background:#cc293b; color: #FFF;}

.set_cont.myaccount .attend_wrap{padding:25px;}
.set_cont.myaccount .attend_wrap .uploadbtn_box{ width:242px; height:58px; margin:0 auto; position:relative;}
.set_cont.myaccount .attend_wrap .uploadbtn_box .uploadbtn{ width:100%; height:100%; background:#ff9909 url(../image/upload.jpg) no-repeat 12px center; color:#FFF; border-radius:5px; font-size:1.5em; text-indent:25px; cursor:pointer;}
.set_cont.myaccount .attend_wrap .uploadbtn_box:active .uploadbtn{ background-color:#fb8c0a;}
.set_cont.myaccount .attend_wrap .uploadbtn_box input[type="file"]{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.set_cont.myaccount .attend_wrap .attend_file{ margin-top:30px; padding:10px; border:1px dashed #ddd; position:relative; background:#FFF;}
.set_cont.myaccount .attend_wrap .attend_file .date{ border-bottom:1px solid #ccc; height:22px; padding:0 5px; min-width:120px; vertical-align:middle; border-radius:0;}
.set_cont.myaccount .attend_wrap .attend_file .file_name{ color: #c69702;}
.set_cont.myaccount .attend_wrap .attend_file .reset{ position:absolute; display:inline-block; width:60px; height:100%; top:0; right:10px; background:url(../image/reset.png) no-repeat center; background-size:auto 55%; cursor:pointer;}
.set_cont.myaccount .attend_wrap .attend_file .reset:active{ background-image:url(../image/reset_active.png);}
.set_cont.myaccount .attend_wrap .list_table{ width:100%; margin-top:15px; border-collapse:collapse; color:#333; background:#FFF;}
.set_cont.myaccount .attend_wrap .list_table th{ background:#f1f1f1; font-weight:normal; color:#000;}
.set_cont.myaccount .attend_wrap .list_table th,
.set_cont.myaccount .attend_wrap .list_table td{ padding:10px; border:1px solid #eee; text-align:center;}

.set_cont.myaccount .performance{}
.set_cont.myaccount .performance .condition{ padding: 10px; background: #f3f3f3; overflow: hidden;}
.set_cont.myaccount .performance .condition input{width:160px; border:1px solid #cc293b; border-radius:3px; border-top-right-radius: 0; border-bottom-right-radius: 0; height:34px; box-sizing:border-box; background: #FFF; border-right: none; float: right;}
.set_cont.myaccount .performance .condition button{padding:6px 15px; background:#cc293b; color:#FFF; border:1px solid #cc293b; border-radius:3px; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 34px; box-sizing:border-box; float: right;}
.set_cont.myaccount .performance .condition button:active{background:#af1526; color:#FFF;}
.set_cont.myaccount .performance table{ width: 100%; border-collapse: collapse; margin-top: 10px;}
.set_cont.myaccount .performance table th{ background: #f1f1f1;}
.set_cont.myaccount .performance table th,
.set_cont.myaccount .performance table td{ padding: 5px; text-align: center; border: 1px solid #ddd; font-size: 0.9em;}
.set_cont.myaccount .performance table td button{padding:5px 15px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; }
.set_cont.myaccount .performance table td button:active{background:#cc293b; color:#FFF;}
.set_cont.myaccount .performance table td button a{ color: #555;}
.set_cont.myaccount .performance table td button:active a{ color: #FFF;}

.set_cont.myaccount .shop_day_set .condition{ padding: 10px; background: #f3f3f3; overflow: hidden;}
.set_cont.myaccount .shop_day_set .condition input{width:160px; border:1px solid #cc293b; border-radius:3px; border-top-right-radius: 0; border-bottom-right-radius: 0; height:34px; box-sizing:border-box; background: #FFF; border-right: none; float: right;}
.set_cont.myaccount .shop_day_set .condition button{padding:6px 15px; background:#cc293b; color:#FFF; border:1px solid #cc293b; border-radius:3px; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 34px; box-sizing:border-box; vertical-align: bottom; float: right;}
.set_cont.myaccount .shop_day_set .condition button:active{background:#af1526; color:#FFF;}
.set_cont.myaccount .shop_day_set .btns_wrap{ text-align: right; padding: 10px; background: #f3f3f3; border-top: 1px dashed #ddd;}
.set_cont.myaccount .shop_day_set .btns_wrap .quota{ float: left; line-height: 30px;}
.set_cont.myaccount .shop_day_set .btns_wrap .quota em{ color: #cc293b; margin-right: 10px;}
.set_cont.myaccount .shop_day_set .btns_wrap .btn{display:inline-block; padding:6px 15px; margin-left: 5px; text-align:center; border:1px solid #e9e9e9; color:#666; background: #FFF; cursor: pointer;font-family: inherit; border-radius: 3px;}
.set_cont.myaccount .shop_day_set .btns_wrap .btn:active{background:#cc293b; color:#FFF;}
.set_cont.myaccount .shop_day_set .calendar_wrap{ margin-top: 10px; padding: 10px; ;background: #f3f3f3;}
.set_cont.myaccount .shop_day_set .calendar_wrap .month_set{ text-align: center; padding-bottom: 10px; font-weight: bold;}
.set_cont.myaccount .shop_day_set .calendar_wrap .month_set button{ padding: 6px 15px; background:#c69702; color:#FFF; border:1px solid #c69702; height: 34px; box-sizing:border-box;}
.set_cont.myaccount .shop_day_set .calendar_wrap .month_set span{ color: #c69702; display: inline-block; padding: 6px 15px;}
.set_cont.myaccount .shop_day_set .calendar_wrap .calendar{ width: 100%; border-collapse: collapse; color: #666; background: #FFF;}
.set_cont.myaccount .shop_day_set .calendar_wrap .calendar th{ text-align:center; padding: 5px; border: 1px solid #ddd;}
.set_cont.myaccount .shop_day_set .calendar_wrap .calendar td{ text-align:center; padding: 2px 5px; border: 1px solid #ddd;}



/*会员列表*/
.shop_member{ width:100%; height:93%; position:absolute; left:0; box-sizing:border-box; background:#f7f7f7; overflow:hidden;}
.shop_member .top_gadget{ overflow:hidden; padding:10px 1.5%; position:relative; z-index:20; background:#e9e9e9; border-bottom:1px solid #ddd;}
.shop_member .top_gadget .category_tab{ display:inline-block; overflow:hidden; float:left;}
.shop_member .top_gadget .category_tab .tab_btn{ height:40px; line-height:40px; padding:0 20px; float:left; color:#333; box-sizing:border-box;}
.shop_member .top_gadget .category_tab .tab_btn.curr{ border-bottom:2px solid #cc293b; color:#cc293b;}
.shop_member .top_gadget .search_wrap{ overflow:hidden; float:right;}
.shop_member .top_gadget .member_search{ height:36px; border:2px solid #cc293b; width:150px; vertical-align:middle; padding:0 5px; color:#666; margin-left:10px; border-radius:5px; border-bottom-right-radius:0px; border-top-right-radius:0px; float:left; background:#FFF;}
.shop_member .top_gadget .member_search_btn{ display:inline-block; width:40px; height:40px; background:#cc293b url(../image/search_icon_white.png) no-repeat center; vertical-align:middle; background-size:60%; border-bottom-right-radius:5px; border-top-right-radius:5px; cursor:pointer;}
.shop_member .top_gadget .member_search_btn:active{ background-color:#c5151c;}
.shop_member .top_gadget .member_add_btn{ display:inline-block; width:40px; height:40px; background:#cc293b; vertical-align:middle; border-radius:5px; font-weight:bold; font-size:180%; line-height:37px; color:#FFF; margin-left:5px; text-align:center; box-sizing:border-box;}
.shop_member .top_gadget .member_add_btn:active{ background-color:#c5151c;}
.shop_member .top_gadget .f_right{ float:right; vertical-align:middle; line-height:40px; color:#666;}
.shop_member .top_gadget .f_right span{ color:#d51841; margin-right:10px;}

.shop_member .shop_member_list{ width:100%; height:100%; box-sizing:border-box; padding-top:88px; position:relative; top:-70px; padding-left:1.5%; overflow:auto; z-index:10;}
.shop_member .shop_member_list .button_wrap{ margin-bottom: 15px; overflow: hidden;}
.shop_member .shop_member_list .button_wrap button{ display:inline-block; padding:6px 15px; margin:0; text-align:center; border:1px solid #e9e9e9; border-right:none; float:left; color:#666; background: #FFF; cursor: pointer;font-family: inherit;}
.shop_member .shop_member_list .button_wrap button:first-child{}
.shop_member .shop_member_list .button_wrap button:last-child{ border-right:1px solid #e9e9e9;}
.shop_member .shop_member_list .button_wrap button.curr{ background:#cc293b; color:#FFF;}
.shop_member .shop_member_list .unit{ width:18.5%; margin:0 1.5% 1.5% 0; box-sizing:border-box; border:2px solid #e2e2e2; background-color:#FFF; float:left; text-align:center; position:relative;}
.shop_member .shop_member_list .unit .cont_wrap{display:block; width: 100%; height:100%;}
.shop_member .shop_member_list .unit .leave_icon{ display:block; width:60px; height:50px; position:absolute; top:-2px; right:-2px; background:url(../image/leave_icon.png) no-repeat; background-size:100% 100%; display:none;}
.shop_member .shop_member_list .unit .birthday_icon{ display:block; width:60px; height:50px; position:absolute; top:-2px; right:-2px; background:url(../image/birthday_icon.png) no-repeat; background-size:100% 100%;}
.shop_member .shop_member_list .unit .into_time{ display:block; padding-bottom:5px; color:#999; font-size: 0.8em;}
.shop_member .shop_member_list .unit .member_name{ display:block; padding:5px; color:#555; font-size:1em; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.shop_member .shop_member_list .unit .member_head{ display:block; width:100%; box-sizing:border-box; padding:0 8%; position:relative; margin-bottom:10px;}
.shop_member .shop_member_list .unit .member_head .head_img_none{ display:block; border:4px solid #FFF; border-radius:50%; overflow:hidden; box-shadow:0 0 10px #ccc; margin:0 auto; box-sizing:border-box;}
.shop_member .shop_member_list .unit .member_head .head_img{ display:block; position: absolute; left: 8%; top: 0; width: 84%; height: 100%; border:4px solid #FFF; border-radius:50%; overflow:hidden; box-sizing:border-box;}
.shop_member .shop_member_list .unit .member_head .vip_icon{ display:block; width:35px; height:18px; border-radius:3px; color:#FFF; position:absolute; right:10%; bottom:10%; font-style:normal; line-height:18px; display:none;}
.shop_member .shop_member_list .unit.vip_yellow .member_head .vip_icon{ display:block; background:#fabe00;}
.shop_member .shop_member_list .unit.vip_red .member_head .vip_icon{ display:block; background:#cd183e;}
.shop_member .shop_member_list .unit.vip_blue .member_head .vip_icon{ display:block; background:#13b5b1;}
.shop_member .shop_member_list .unit.vip_overdue .member_head .vip_icon{ display:block; background:#c6c6c6;}
.shop_member .shop_member_list .unit .member_vant{ display:block; padding-bottom:5px; color:#999; font-size: 0.8em;}
.shop_member .shop_member_list .unit .member_vant span{ color:#999;}
.shop_member .shop_member_list .unit .member_pref{ display:block; padding-bottom:10px; color:#999; font-size: 0.8em;}
.shop_member .shop_member_list .unit .member_pref span{ color:#999;}
.shop_member .shop_member_list .unit.leave .leave_icon{ display:block;}
.shop_member .shop_member_list .unit.leave .member_name{ color:#999;}
.shop_member .shop_member_list .unit.leave .member_head img{ filter:grayscale(1);-webkit-filter:grayscale(1);}
.shop_member .shop_member_list .unit.leave .member_head .vip_icon{ background:#c6c6c6;}

.shop_member .load_more{ position: absolute; width: 50px; height: 50px; background: url(../image/load_more.png) no-repeat center; background-size: 100% auto; right: 1.5%; bottom: 16px; z-index: 20;}
.shop_member .load_more:active{ bottom: 15px;}


/*新增会员*/
.member_add_wrap{ width:92%; height:84%; position:relative; top:4%; left:4%; overflow:auto; box-sizing:border-box; color:#333; border:1px solid #ddd; border-radius:5px; background:#FFF;}
.member_add_wrap .top_tab{ width:100%; box-sizing:border-box; padding:20px 3%; border-bottom:1px dashed #ddd; position:relative; overflow:hidden;}
.member_add_wrap .top_tab .tab{ display:inline-block; width:33.3%; height:40px; text-align:center; line-height:40px; position:relative; float:left; cursor: pointer;}
.member_add_wrap .top_tab .tab.step_01{ background:url(../image/step_01.png) no-repeat 0 top; background-size:100% 80px; left:12px;}
.member_add_wrap .top_tab .tab.step_02{ background:url(../image/step_02.png) no-repeat 0 top; background-size:100% 80px;}
.member_add_wrap .top_tab .tab.step_03{ background:url(../image/step_03.png) no-repeat 0 top; background-size:100% 80px; left:-12px;}
.member_add_wrap .top_tab .tab.curr{ background-position:0 bottom; color:#FFF;}
.member_add_wrap .fill_in_cont{position:relative;}
.member_add_wrap .fill_in_cont .cont_box{ position:absolute; width:94%; left:3%; top:30px; padding-bottom:20px;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap{ padding-bottom:20px; overflow:hidden; clear:both; position: relative;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .title{ display:inline-block; width:30%; float:left; height:40px; line-height:40px; text-align:right; margin-right:5%;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .verifycode{line-height:40px;padding:0 10px;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .graycolor{color:#999}
.member_add_wrap .fill_in_cont .cont_box .row_wrap input[type="text"],
.member_add_wrap .fill_in_cont .cont_box .row_wrap input[type="date"],
.member_add_wrap .fill_in_cont .cont_box .row_wrap input[type="email"],
.member_add_wrap .fill_in_cont .cont_box .row_wrap select{ width:40%; border:1px solid #ddd; border-radius:5px; float:left; height:40px; box-sizing:border-box; padding:8px;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .cityset_box{ width:40%; float:left; height:40px; display:inline-block; box-sizing:border-box;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .cityset_box .citySelector{ width:31.33%; margin-right:3%;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .cityset_box .citySelector:last-child{ margin-right:0;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .input_btn{ position: absolute; right: 25%; top: 0; box-sizing:border-box; padding: 0 18px; height:40px; border:1px solid #ccc; border-bottom-right-radius:3px; border-top-right-radius:3px; background:#e9e9e9; color:#333; cursor:pointer;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .input_btn:active{background:#cc293b; color:#FFF;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .check_result{color: #cc293b; font-size: 0.8em; position: absolute; left: 35%; bottom: 4px;}
.member_add_wrap .fill_in_cont .cont_box .row_wrap .check_result.pass{ color: #027676;}
.member_add_wrap .fill_in_cont .cont_box .email_tips{ position: absolute; left: 35%; top: 220px; z-index: 30; background: #f9f9f9; width: 40%; box-sizing: border-box; border-radius: 5px; overflow: hidden; box-shadow: 0 0 3px #bbb;}
.member_add_wrap .fill_in_cont .cont_box .email_tips li{padding: 8px; border-bottom: 1px dashed #eee; cursor: pointer;}
.member_add_wrap .fill_in_cont .cont_box .email_tips li:active{background: #f6f6f6; }
.member_add_wrap .fill_in_cont .cont_box .radio_wrap{ position: relative;}
.member_add_wrap .fill_in_cont .cont_box .radio_wrap label{ margin-right:0; float:left; height: 30px; padding: 0 20px; line-height: 30px; border: 1px solid #ddd; cursor: pointer; background: #f6f6f6;}
.member_add_wrap .fill_in_cont .cont_box .radio_wrap label:nth-child(2){ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.member_add_wrap .fill_in_cont .cont_box .radio_wrap label:last-child{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.member_add_wrap .fill_in_cont .cont_box .radio_wrap label.curr{ color: #FFF; background: #fabe00; border-color: #fabe00;}
.member_add_wrap .fill_in_cont .cont_box .radio_wrap input{ position: absolute; z-index: -10;}
.member_add_wrap .fill_in_cont .cont_box .step_wrap{ padding-left:35%; clear:both;}
.member_add_wrap .fill_in_cont .cont_box .step_wrap .step{ width:20%; height:40px; box-sizing:border-box; border-radius:3px; background:#e99605; color:#FFF;}
.member_add_wrap .fill_in_cont .cont_box .step_wrap .step:active{ background:#f39d06}



/*会员详情*/
.member_wrap{ width:100%; height:100%; position:absolute; left:0; overflow:hidden;}
.member_wrap .member_infor{ height:28%; box-sizing:border-box; padding:3% 0; position:relative;}
.member_wrap .member_infor .major_left{ width:50%; box-sizing:border-box; float:left; height:100%; border-right:1px solid #d2d2d2;}
.member_wrap .member_infor .major_left .face{ width:50%; box-sizing:border-box; float:left; text-align:center; height:100%;}
.member_wrap .member_infor .major_left .face img{ display:block; border:4px solid #FFF; border-radius:50%; overflow:hidden; box-shadow:0 0 10px #ccc; margin:0 auto; box-sizing:border-box; width: 130px; height: 130px;}
.member_wrap .member_infor .major_left .face .member_name{ text-align:center; color:#8d8d8d; padding-top:8px; line-height:18px;}
.member_wrap .member_infor .major_left .infor_list{ width:50%; box-sizing:border-box; float:right; height:100%;}
.member_wrap .member_infor .major_left .infor_list li{ height:25%; box-sizing:border-box; padding:2% 0;}
.member_wrap .member_infor .major_left .infor_list li .infor_name{ display:inline-block; min-width:100px; color:#666; width: 20%; vertical-align: middle;}
.member_wrap .member_infor .major_left .infor_list li .infor_val{ display:inline-block; color:#333; width: 50%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: middle;}
.member_wrap .member_infor .minor_right{ width:50%; box-sizing:border-box; float:right; height:100%;}
.member_wrap .member_infor .minor_right .infor_list{ width:100%; height:100%;}
.member_wrap .member_infor .minor_right .infor_list li{ width:50%; height:25%; box-sizing:border-box; padding:1% 0; float:left; padding-left:5%;}
.member_wrap .member_infor .minor_right .infor_list li .infor_name{display:inline-block; min-width:100px; color:#666; width: 20%; vertical-align: middle;}
.member_wrap .member_infor .minor_right .infor_list li .infor_val{display:inline-block; color:#333; width: 50%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: middle;}
.member_wrap .member_infor .minor_right .infor_list li .integration{color:#d7171f;}
.member_wrap .member_infor .minor_right .infor_list li .hobby{ width:70%; height:26px; border-color:#d2d2d2; color:#666; border-radius:3px;}
.member_wrap .member_infor .infor_edit{ display: inline-block; width:30px; height: 30px;  position: absolute; top: 10px; right: 10px; background: url(../image/edit.png) no-repeat center; background-size: 100% auto;}
.member_wrap .tab_head{ display:block; width:100%; padding:5px 5%; background:#666; overflow:hidden; box-sizing:border-box; position:relative; z-index:2;}
.member_wrap .tab_head .tap_btn{ display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; color:#FFF; border-radius:3px; float:right; margin:0 5px; cursor: pointer;}
.member_wrap .tab_head .tap_btn.curr{ background:#eee; color:#303030;}
.member_wrap .buy_recom_wrap{ height:64.5%; box-sizing:border-box; padding-top:40px; position:relative; top:-40px; z-index:1;}
.member_wrap .buy_recom_wrap .tab_box{ height:100%; width:auto; white-space:nowrap; overflow: auto;}
.member_wrap .buy_recom_wrap .tab_box li{ width:230px; height:100%; display:inline-block; border-right:1px solid #d2d2d2; padding:0 10px; box-sizing:border-box; vertical-align:top;}
.member_wrap .buy_recom_wrap .tab_box li .buy_date{ display:block; text-align:center; padding:7% 0 0; color:#666; font-size:116%;}
.member_wrap .buy_recom_wrap .tab_box li img{ padding-top:7%;}
.member_wrap .buy_recom_wrap .tab_box li .name_size{ padding:3% 0 1%;}
.member_wrap .buy_recom_wrap .tab_box li .name_size .goods_name{ display:inline-block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member_wrap .buy_recom_wrap .tab_box li .name_size .goods_size{ display:inline-block; width:20%; text-align:right; vertical-align:top;}
.member_wrap .buy_recom_wrap .tab_box li .buy_price_disc{ font-size:116%;}
.member_wrap .buy_recom_wrap .tab_box li .buy_price_disc .buy_price{}
.member_wrap .buy_recom_wrap .tab_box li .buy_price_disc .goods_disc{ float:right; color:#d7171f; vertical-align:top;}
.member_wrap .buy_recom_wrap .tab_box li .original_price .original{ text-decoration:line-through; color:#666;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods{width: 100%; height: 100%; overflow: hidden;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide{border-right:1px solid #ddd; padding:15px; box-sizing:border-box;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .buy_date{ display:block; text-align:center; padding:7% 0 0; color:#666; font-size:116%;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide img{}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .name_size{ padding:3% 0 1%;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .name_size .goods_name{ display:inline-block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .name_size .goods_size{ display:inline-block; width:20%; text-align:right; vertical-align:top;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .buy_price_disc{ font-size:116%;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .buy_price_disc .buy_price{}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .buy_price_disc .goods_disc{ float:right; color:#d7171f; vertical-align:top;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-slide .original_price .original{ text-decoration:line-through; color:#666;}
.member_wrap .buy_recom_wrap .tab_box .swiper-container-goods .swiper-pagination-bullet-active{background: #888;}

.member_wrap .buy_recom_wrap .tab_box .table_wrap{ height:100%; overflow:auto;}
.member_wrap .buy_recom_wrap .tab_box .record_table{ width:96%; margin:15px auto; text-align:center; border-collapse:collapse; color:#333;}
.member_wrap .buy_recom_wrap .tab_box .record_table th,
.member_wrap .buy_recom_wrap .tab_box .record_table td{ padding:5px; border:1px solid #eee;}

.member_wrap .load_more{ position: absolute; width: 50px; height: 50px; background: url(../image/load_more.png) no-repeat center; background-size: 100% auto; right: 1.5%; bottom: 16px; z-index: 20;}
.member_wrap .load_more:active{ bottom: 15px;}



/*导购页*/
.guide_wrap{ width:100%; height:100%; position:absolute; left:0; background-color:#383f49;}
.guide_wrap .main_wrap{ width:100%; height:85.3%; position:relative; overflow:hidden; z-index:1; background:url(../image/img.jpg) no-repeat center; background-size:100% 100%;}
.guide_wrap .main_wrap .shade{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;background:url(../image/shade.png); display:none; display:block; -webkit-transition: all 0.2s; transition: all 0.2s; opacity:1;}
.guide_wrap .main_wrap .shade.ng-hide{ opacity:0;}
.guide_wrap .main_wrap .box{width:26%; height:100%; position:absolute; top:0; background:#FFF; z-index:3; overflow-x:hidden; overflow-y:auto;box-shadow: 0 0 5px #666;}
.guide_wrap .main_wrap .leftbox{left:0; -webkit-transition: all 0.1s; transition: all 0.1s;}
.guide_wrap .main_wrap .leftbox.ng-hide{left:-27%;} 
.guide_wrap .main_wrap .leftbox .search_warp{ width:90%; margin:0 auto; position:relative; padding:8px 5%; background: #eee; border-bottom: 1px solid #FFF;}
.guide_wrap .main_wrap .leftbox .search_warp input{ width:100%; height:40px; border:none; border-radius:5px; color:#333; box-sizing:border-box; padding:0 12% 0 5%; font-size: 0.9em; background: #FFF;}
.guide_wrap .main_wrap .leftbox .search_warp .search_btn{ display:inline-block; width:20px; height:20px; background:url(../image/search_icon.png) no-repeat; background-size:100%; position:absolute; top:18px; right:8%; cursor:pointer;}
.guide_wrap .main_wrap .leftbox .search_warp .search_btn:active{ background-image: url(../image/search_icon_ac.png);}
.guide_wrap .main_wrap .leftbox .high_level{ border-bottom:1px solid #eee; padding:12px 5%; color:#666; font-weight:normal; font-size:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; cursor:pointer; position: relative;}
.guide_wrap .main_wrap .leftbox .high_level .num{ color: #FFF; min-width: 19px; font-size: 0.8em; text-align: center; background: #ddd; border-radius: 5px; margin-left: 5px; line-height: 19px;}
.guide_wrap .main_wrap .leftbox .high_level .triangle{ display: block; width:0; height:0; border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ccc; position: absolute; top:20px; right: 5%; transition: transform 0.5s;}
.guide_wrap .main_wrap .leftbox .high_level .triangle.up{}
.guide_wrap .main_wrap .leftbox .high_level.curr{ background: #eee; color: #c69702;}
.guide_wrap .main_wrap .leftbox .high_level.curr .num{ background: #c69702;}
.guide_wrap .main_wrap .leftbox .high_level.curr .triangle{border-left:5px solid #c69702; transform:rotate(90deg);}

.guide_wrap .main_wrap .leftbox .low_level{}
.guide_wrap .main_wrap .leftbox .low_level li{border-bottom:1px dashed #eee; padding:12px 10%; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; font-size: 0.9em;}
.guide_wrap .main_wrap .leftbox .low_level li:last-child{ border-bottom:1px solid #eee;}
.guide_wrap .main_wrap .leftbox .low_level li .icon{ display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #999; overflow: hidden; margin-right: 10px; margin-top: 8px; vertical-align: top;}
.guide_wrap .main_wrap .leftbox .low_level li .num{ color: #ccc; min-width: 24px; font-size: 0.9em; text-align: center;}
.guide_wrap .main_wrap .leftbox .low_level li:active{color:#c69702; background: #eee;}
.guide_wrap .main_wrap .leftbox .low_level li:active .icon{ background: #c69702}
.guide_wrap .main_wrap .leftbox .low_level li:active .num{ color: #c69702;}

.guide_wrap .main_wrap .rightbox{right:0; -webkit-transition: all 0.1s; transition: all 0.1s;}
.guide_wrap .main_wrap .rightbox.ng-hide{right:-27%;}
.guide_wrap .main_wrap .rightbox .title{ color:#c69702; padding:12px 5%; border-bottom:1px solid #FFF; font-weight:normal; text-align: center; background: #eee;}
.guide_wrap .main_wrap .rightbox_pers .shoppe li{ color:#666; padding:12px 5%; border-bottom:1px solid #eee; line-height:26px; cursor: pointer;}
.guide_wrap .main_wrap .rightbox_pers .shoppe li .icon{ display:inline-block; width:22px; height:26px; background:url(../image/shoppe_icon.png) no-repeat; background-size:100%; vertical-align:bottom; margin-right:15px;}
.guide_wrap .main_wrap .rightbox_pers .shoppe li.curr{ background:#eee; color:#cc293b;}
.guide_wrap .main_wrap .rightbox_pers .shoppe li.curr .icon{ background-image:url(../image/shoppe_curr_icon.png);}
.guide_wrap .main_wrap .rightbox_pers .databtn{ width:90%; position:absolute; left:5%; bottom:3%;}
.guide_wrap .main_wrap .rightbox_pers .databtn button{ width:100%; height:40px; border:1px solid #ddd; background:#f6f6f6; color:#666; border-radius:5px;}
.guide_wrap .main_wrap .rightbox_pers .databtn button:active{ background:#e9e9e9; color:#333;}

.guide_wrap .main_wrap .goods_show_wrap{ width:100%; height:100%; position:relative; overflow:hidden; background:#FFF;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list{ width: 100%; height: 100%; box-sizing:border-box; padding: 20px 0;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide{box-sizing:border-box; padding:15px; position:relative; background: #f6f6f6;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide i.hot_sale{ display:block; width:80px; height:80px; position:absolute; left:0; top:0; background:url(../image/hot_sale.png) no-repeat; background-size:100% 100%;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide .goods_img{ display:block;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide .goods_infor{ padding:15px 0;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide .goods_infor li{ padding: 5px; font-size: 0.9em;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide .goods_infor li:first-child{ border-bottom: 1px dashed #ddd; font-size: 1em; color: #333;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide .goods_infor li .name{ color: #666;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-slide .goods_infor li .val{ color: #c69702; float: right;}
.guide_wrap .main_wrap .goods_show_wrap .swiper-container-list .swiper-pagination-bullet-active{background: #888;}
.guide_wrap .main_wrap .goods_show_list_wrap{ overflow-y:auto; box-sizing:border-box; padding: 20px; background: #f6f6f6;}
.guide_wrap .main_wrap .goods_show_list_wrap .goods_show_list{ width: 100%; border-collapse: collapse; background: #FFF;}
.guide_wrap .main_wrap .goods_show_list_wrap .goods_show_list tr:active{ background: #f6f6f6;}
.guide_wrap .main_wrap .goods_show_list_wrap .goods_show_list th,
.guide_wrap .main_wrap .goods_show_list_wrap .goods_show_list td{ border:1px solid #ddd;padding: 3px; text-align: center; padding: 5px;}
.guide_wrap .main_wrap .goods_show_list_wrap .goods_show_list th{ background: #f1f1f1; padding: 10px;}

.guide_wrap .main_wrap .goods_details{ width:100%; height:100%; position:relative;background:#FFF;}
.guide_wrap .main_wrap .goods_details .goods_name{ width:100%; height:60px; box-sizing:border-box; padding:15px 30px; line-height:30px; position:absolute; left:0; top:0; z-index:1; background:#eee; box-sizing:border-box;}
.guide_wrap .main_wrap .goods_details .goods_name b{ color:#333; font-size:20px; font-weight:normal;}
.guide_wrap .main_wrap .goods_details .goods_name .evaluate{ display:inline-block; padding:0 10px; background:#fdecea; margin-left:10px; vertical-align:top; color:#666; border-radius:3px;}
.guide_wrap .main_wrap .goods_details .goods_img{ width:50%; height:100%; float:left; position:relative; padding-top:80px; box-sizing:border-box; }
.guide_wrap .main_wrap .goods_details .goods_img .swiper-container{ width:94%; height:97%; border:1px solid #ddd;box-sizing:border-box;}
.guide_wrap .main_wrap .goods_details .goods_img .swiper-pagination-bullet-active{ background: #666;}
.guide_wrap .main_wrap .goods_details .goods_infor{ width:50%; height:100%; float:right; background:#FFF; position:relative; box-sizing:border-box; padding:80px 20px 80px 0;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main{ height:98%; box-sizing:border-box; overflow:auto; padding-right: 10px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .infor_item{ color:#333; padding:2% 5%; background:#f6f6f6;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .infor_cont{ padding:2% 5%; color:#666;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .sales{ padding:15px 20px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .sales span{ margin-right:40px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .sales span em{ color:#c69702; margin:0 3px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .price_promo{ padding:10px 20px; background:#f7f7f7;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .price_promo .price{ margin-right:40px; line-height: 30px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .price_promo .price em{ color:#c69702; margin:0 3px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .price_promo .promo{ padding: 0 0 0 88px; position:relative; overflow: hidden; line-height: 30px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .price_promo .promo label{ position: absolute; left: 0; top: 0;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .price_promo .promo p{ color: #c69702;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_sku{ padding:15px 20px; position:relative; overflow-x:auto;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .tt{ padding:15px 0 0 20px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_sku table{ border-collapse:collapse;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_sku table th,
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_sku table td{ border:1px solid #ddd; text-align:center; font-weight: normal; cursor:pointer; position: relative;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_sku table th{padding:8px 16px; font-weight: bolder; color: #555;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_sku table td .sku_num{display:block; padding: 8px 16px; color:#c69702; box-sizing:border-box; width: 100%;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_sku table td .sku_num.curr{background: #c69702; color: #FFF;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_recom{ padding:15px 20px; position:relative; overflow:hidden; border-top:1px solid #ddd;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_recom .tt{ position:absolute; left:0; top:0;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_recom .recommendGoods{position:relative; left:90px; vertical-align:top;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_recom .recommendGoods img{ vertical-align:top;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_recom .recommendGoods .wrap{ display:inline-block; vertical-align:top; margin:0 10px; width:200px; padding-top:10px; height:70px; box-sizing:border-box; line-height:24px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_recom .recommendGoods .wrap em{color:#c69702; margin:0 3px;}
.guide_wrap .main_wrap .goods_details .goods_infor .infor_main .goods_recom .recommendGoods input{ vertical-align:middle; width:30px; height:30px; position:relative; top:20px; border: 1px solid #ddd;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy{ width:97%; position:absolute; left:0; bottom:16px; padding:10px 20px; background:#f7f7f7; box-sizing:border-box; overflow: hidden;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy button{ width:80px; height:40px; text-align:center; color:#FFF; border-radius:3px; font-size:110%; float: left; margin-right: 5px; display: inline-block;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy button.back{ background:#959590;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy button.back:hover{ background:#9d9d9a;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy button.buy_now{ background:#a40000;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy button.buy_now:hover{ background:#af0303;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy button.show_on_screen{ background:#a40000;}
.guide_wrap .main_wrap .goods_details .goods_infor .cart_buy button.show_on_screen:hover{ background:#af0303;}


.guide_wrap .bottom_tool{ width:100%; height:7%; background:#383f49; position:relative; left:0; bottom:0; z-index:2; text-align:center;}
.guide_wrap .bottom_tool .tool{ display:inline-block; height:66%; position:absolute; top:17%;}
.guide_wrap .bottom_tool .tool .name{ color: #FFF; vertical-align: top; position: relative; top: 14%; margin: 0 15px;}
.guide_wrap .bottom_tool .tool.nav{ left:5%; -webkit-transition: all 0.2s; transition: all 0.2s;}
.guide_wrap .bottom_tool .tool.nav.active{left:11%;}
.guide_wrap .bottom_tool .tool.pers{ right:5%; -webkit-transition: all 0.2s; transition: all 0.2s;}
.guide_wrap .bottom_tool .tool.pers.active{right:11%;}
.guide_wrap .bottom_tool .goods_show_btns{ display: inline-block; position: relative; top: 20%;}
.guide_wrap .bottom_tool .goods_show_btns .btn{ padding:6px 15px; background:#eee; color:#555; cursor:pointer;}
.guide_wrap .bottom_tool .goods_show_btns .btn:first-child{border-bottom-left-radius:3px; border-top-left-radius: 3px;}
.guide_wrap .bottom_tool .goods_show_btns .btn:last-child{border-bottom-right-radius:3px; border-top-right-radius: 3px;}
.guide_wrap .bottom_tool .goods_show_btns .btn.curr{background:#f39d06; color:#FFF;}



/*收银页*/
.cashier_wrap{ width:100%; height:100%; box-sizing:border-box; padding-bottom:45px; background:#f3f9ff; overflow:hidden; position:relative; -moz-box-flex:0;-webkit-box-flex:0;box-flex:0;}
.cashier_wrap .main_left{ width:68.5%; height:100%; float:left; padding:0.5%; position:relative; box-sizing:border-box;}
.cashier_wrap .main_left .infor_box{ box-sizing:border-box; border:1px solid #d2d2d2; width:49.7%; background:#FFF; height:18.5%; float:left; padding:1% 2%;}
.cashier_wrap .main_left .infor_box.about_order{ margin:0 0.6% 0.5% 0; position: relative;}
.cashier_wrap .main_left .about_order .order_ul{ height: 100%; overflow: hidden;}
.cashier_wrap .main_left .about_order .p_wrap{ height:50%; display: inline-block; width: 100%; vertical-align: middle; box-sizing:border-box; padding-top:4%;}
.cashier_wrap .main_left .about_order .p_wrap .unit{ display:inline-block; width:50%; box-sizing:border-box; float:left;}
.cashier_wrap .main_left .about_order .p_wrap .item_name{vertical-align:middle; color:#000;}
.cashier_wrap .main_left .about_order .p_wrap .cont{vertical-align: middle; color:#666; font-size:110%;}
.cashier_wrap .main_left .about_order .p_wrap_top{ padding-top:6%;}
.cashier_wrap .main_left .about_order .p_wrap_top .item_name{ display:inline-block; width:30%; float:left; vertical-align:bottom;}
.cashier_wrap .main_left .about_order .p_wrap_top .cont{ display:inline-block; width:60%;}
.cashier_wrap .main_left .about_order .p_wrap_top .cont .money{ color:#fabe00; font-size:120%; display:inline-block; padding:0 5px; line-height: 20px; vertical-align: text-top; position:relative; top:2px;}
.cashier_wrap .main_left .infor_box.about_member{ margin-bottom:0.5%; position: relative;}
.cashier_wrap .main_left .infor_box.about_member .birthday_icon{ display:block; width:60px; height:50px; position:absolute; top:-1px; right:-1px; background:url(../image/birthday_icon.png) no-repeat; background-size:100% 100%;}
.cashier_wrap .main_left .infor_box.about_member .member_ul{ width:100%; height:100%; position:relative; left:0; overflow:hidden;}
.cashier_wrap .main_left .infor_box.about_member .member_ul .member_ul_li{ width:100%; box-sizing: border-box; position: absolute; left: 0; top: 0;}
.cashier_wrap .main_left .infor_box.about_member .member_ul .member_ul_li .p_wrap{height:50%; display: inline-block; width: 100%; vertical-align: middle; box-sizing:border-box; padding-top:6%;}
.cashier_wrap .main_left .infor_box.about_member .member_ul .member_ul_li .p_wrap_top{padding-top:5%;}
.cashier_wrap .main_left .infor_box.about_member .member_ul .member_ul_li .p_wrap .unit{display:inline-block; width:50%; box-sizing:border-box; float:left;}
.cashier_wrap .main_left .infor_box.about_member .member_ul .member_ul_li .p_wrap .item_name{vertical-align:middle; color:#000;}
.cashier_wrap .main_left .infor_box.about_member .member_ul .member_ul_li .p_wrap .cont{ vertical-align: middle; color:#666; font-size:110%;}
.cashier_wrap .main_left .infor_box .index_point{ width: 100%; text-align:center; position: absolute; left: 0; bottom: 2px;}
.cashier_wrap .main_left .infor_box .index_point .point{ display:inline-block; width:10px; height:10px; background:#d4d4d4; border-radius:50%; margin: 0 4px; cursor: pointer;}
.cashier_wrap .main_left .infor_box .index_point .point.curr{ background:#a1a1a1;}

.cashier_wrap .main_left .shopping_list_head{ background:#666; overflow:hidden; padding:7px 0; clear:both; display:table; width: 100%; table-layout:fixed;}
.cashier_wrap .main_left .shopping_list_head li{ width:12%; color:#FFF; text-align:center; display: table-cell;}
.cashier_wrap .main_left .shopping_list_head li:first-child{width:30%; text-indent:30px; text-align:left;}
.cashier_wrap .main_left .shopping_list_head li:last-child{ width:14.3%;}
.cashier_wrap .main_left .shopping_list_wrap{ height:62%; border:1px solid #d2d2d2; clear:both; background:#FFF url(../image/right_slip_del.png) no-repeat center; background-size: auto 15%; overflow:auto; border-top:none; box-sizing:border-box; position: relative;}
.cashier_wrap .main_left .shopping_list_wrap .current_shop_name{ display: block; position: absolute; left: 0; bottom: 6%; text-align: center; width: 100%; color: #555; font-weight: bold;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list{ clear:both; width:100%;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li{ position:relative; box-sizing:border-box; display:table; width: 100%; table-layout:fixed;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li.check{ border:1px solid #ffcfcf;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li.uncheck{ border:none;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li:nth-child(odd){background-color:#f7f7f7;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cu{width:40px; height:40px; position:absolute; left:0; top:0; z-index:10; background:url(../image/promotion.png) no-repeat; background-size:100%; font-size: 0.6em;font-style: normal;color: #FFF;line-height: 24px;padding-left: 3px;box-sizing: border-box;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .lack{width:40px; height:40px; position:absolute; left:0; top:0; z-index:20; background:url(../image/lack.png) no-repeat; background-size:100%; font-size: 0.6em;font-style: normal;color: #FFF;line-height: 24px;padding-left: 3px;box-sizing: border-box;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .del_list{ display: inline-block; width: 25px; height: 25px; position: absolute; right: 0; top: 0; z-index: 30; background: url(../image/del_list.png) no-repeat left bottom; background-size: 80%; cursor: pointer;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell{ width:12%; text-align:center; vertical-align:bottom; padding:15px 0; color:#666; display:table-cell;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.huoh{ width:30%; text-align:left; position:relative;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.huoh .title,
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.huoh .attr{ padding-left:30px;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.huoh .title{ margin-bottom:5px; color:#4d5664;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.huoh .attr span{ color:#666; display:inline-block; width:35%;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.huoh .attr span:first-child{ width:50%;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell .adaptable{padding:2px 0; display:inline-block; width:90%; border-radius:3px; position:relative; top:2px;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell .adaptable.active{ color:#333; border:1px solid #ccc; background:#FFF;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.cell_daogou{ width:14.3%;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.cell_daogou select{ width:80%; border:1px solid #ddd; border-radius:5px; padding: 2px 0; color:#333; background:#FFF;}
.cashier_wrap .main_left .shopping_list_wrap .shopping_list li .cell.price_changed{ color: #cc293b;}
.cashier_wrap .main_left .put_up{ height:9%; background:#efefef; border:2px solid #d2d2d2; margin-top:1%; padding:0.5% 1%; box-sizing:border-box;}
.cashier_wrap .main_left .put_up .up_order{ float:left; width:15.5%; height:96%; background:#dcdcdc; border:1px solid #aeaeae; margin:0 0.58%; box-sizing:border-box; cursor: pointer;}
.cashier_wrap .main_left .put_up .up_order .index{ display:block; height:30%; color:#888; padding:2px 6px 0;}
.cashier_wrap .main_left .put_up .up_order .up_time{ display:block; height:70%; text-align:center; color:#494a4b; vertical-align:top; text-indent:30%;}
.cashier_wrap .main_left .put_up .up_order:hover{ background:#ffe4e4;}
.cashier_wrap .main_right{ width:31.5%; height:100%; float:right; background:#363636; position:relative; overflow:hidden;}
.cashier_wrap .main_right .search_area{ height:15%; box-sizing:border-box;}
.cashier_wrap .main_right .search_area .input_wrap{ height:58%; padding:1.5% 1%; margin:0 auto; border-bottom:1px solid #4a4a4a; box-sizing:border-box; position:relative;}
.cashier_wrap .main_right .search_area .input_wrap.flashes{
    -webkit-animation:flash .8s .2s ease both;
    -moz-animation:flash .8s .2s ease both;}
@-webkit-keyframes flash{
    0%,50%,100%{opacity: 1;}
    25%,75%{opacity: 0.5;}
}

@-moz-keyframes flash   {
    0%,50%,100%{opacity: 1;}
    25%,75%{opacity: 0.5;}
}
.cashier_wrap .main_right .search_area .input_wrap .search_input{ width:100%; height:100%; background:#FFF; border-radius:5px; color:#666; box-sizing:border-box; padding:0 50px 0 3%; vertical-align: middle; -webkit-transition: -webkit-transform .3s; transition: transform .3s;}
.cashier_wrap .main_right .search_area .input_wrap .search_input.rotateX{transform:rotateX(360deg); -webkit-transform:rotateX(360deg);}
.cashier_wrap .main_right .search_area .input_wrap .del_btn{ display:block; width:60px; height:100%; background:url(../image/del_btn.png) no-repeat center; background-size:50% auto; border-radius:50%; position:absolute; top:0; right:0; cursor:pointer; -webkit-transition: -webkit-transform .3s; transition: transform .3s;}
.cashier_wrap .main_right .search_area .input_wrap .del_btn.rotateX{transform:rotateX(360deg); -webkit-transform:rotateX(360deg);}
.cashier_wrap .main_right .search_area .input_wrap .del_btn:active{ background-image:url(../image/del_btn_ac.png);}
.cashier_wrap .main_right .search_area .search_item{ overflow:hidden; height:42%;}
.cashier_wrap .main_right .search_area .search_item li{ float:left; width:33.33%; height:100%; color:#FFF; text-align:center; background:url(../image/search_item_icon.png) no-repeat center; background-size:240% auto; cursor:pointer;}
.cashier_wrap .main_right .search_area .search_item li.qrcode{ background-position: center 70%;}
.cashier_wrap .main_right .search_area .search_item li:first-child{ background-position:-26% center;}
.cashier_wrap .main_right .search_area .search_item li:last-child{ background-position:125% center;}
.cashier_wrap .main_right .search_area .search_item li.sku{background-image:url(../image/search_item_sku_icon.png); background-position:center;}
.cashier_wrap .main_right .search_area .search_item li:hover,
.cashier_wrap .main_right .search_area .search_item li.curr{ background-image:url(../image/search_item_icon_hover.png);}
.cashier_wrap .main_right .search_area .search_item li.sku:hover,
.cashier_wrap .main_right .search_area .search_item li.sku.curr{background-image:url(../image/search_item_sku_icon.png); background-position:-26% center;}
.cashier_wrap .main_right .keyboard_area{ height:50%; box-sizing:border-box; border-top:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a; padding:1% 0 0 1%;}
.cashier_wrap .main_right .keyboard_area .keys{ display:block; float:left; width:32.33%; height:24%; margin:0 1% 1% 0; box-sizing:border-box; border:2px solid #282d34; text-align:center; vertical-align:middle; background:#555; background: linear-gradient(#666, #555); border-radius:5px; overflow:hidden; cursor:pointer;}
/*.cashier_wrap .main_right .keyboard_area .keys:active{background:#656565; background: linear-gradient(#555, #666);}*/
.cashier_wrap .main_right .keyboard_area .keys .val{color:#FFF; font-size:250%; display:inline-block; width:100%; height:100%; border-top:2px solid #858585; box-sizing:border-box; border-radius:5px; position:relative;}
.cashier_wrap .main_right .keyboard_area .keys .val .position_wrap{ width:100%; position:absolute; left:0; top:50%; margin-top:-23px;}
.cashier_wrap .main_right .btns_area{ height:33%; box-sizing:border-box; padding:1.5% 0 0 1.5%; overflow:hidden; font-size: 0.9em;}
.cashier_wrap .main_right .btns_area .btns_group{ width:100%; height:100%; float:left; box-sizing:border-box;}
.cashier_wrap .main_right .btns_area .btns_group .btns{float:left; width:31.8%; height:31.8%; margin:0 1.5% 1.5% 0; box-sizing:border-box; background-color:#666; text-align:center; position:relative; cursor:pointer;}
.cashier_wrap .main_right .btns_area .btns_group .btns.jiesuan{ width:98.5%; background:#c11119; background:linear-gradient(#d6171f, #bd1018); border:2px solid #930e14; box-sizing:border-box;}
.cashier_wrap .main_right .btns_area .btns_group .btns .val{ color:#e0e0e0; font-size:150%; position:absolute; width:100%; display:inline-block; left:0; top:50%; margin-top:-14px;}
.cashier_wrap .main_right .btns_area .btns_group .btns .shortcuts{ color:#ccc; font-size: 0.8em; position: absolute; display: inline-block; left: 5px; bottom:5px;}
.cashier_wrap .main_right .btns_area .btns_group .btns.more{ background:#666 url(../image/more_btn.png) no-repeat center; background-size:40% auto;}
.cashier_wrap .main_right .btns_area .btns_group .btns.jiesuan .value{ color:#FFF; font-size:150%; display:block; width:100%; height:100%; border-top:2px solid #df454c; box-sizing:border-box; position:relative;}
.cashier_wrap .main_right .btns_area .btns_group .btns.jiesuan .value .position_wrap{ display:inline-block; width:100%; position:absolute; left:0; top:50%; margin-top:-14px;}
.cashier_wrap .main_right .btns_area .btns_group .btns:active{ background-color:#575757;}
.cashier_wrap .main_right .btns_area .btns_group .btns.jiesuan:active{background:#d5161e; background:linear-gradient(#e32028, #c8181f);}
.cashier_wrap .main_right .btns_area .btns_group .btns.jiesuan:active .value{ border-color:#e94d53;}
.cashier_wrap .main_right .more_btns_area{ width:100%; height:65%; position:absolute; left:100%; top:0; background:#363636; overflow:auto; transition:left 0.5s; font-size: 0.9em;}
.cashier_wrap .main_right .more_btns_area .btns_area{ height:100%; border-bottom:1px dashed #666;}
.cashier_wrap .main_right .more_btns_area .btns_area .btns_group .btns{ height: 15.77%;}
.cashier_wrap .main_right .more_btns_area.active{ left:0;}




/*促销弹窗-收银页*/
.pop_cont.sales_prom{}
.pop_cont.sales_prom .prom_list{ padding:0 15px;}
.pop_cont.sales_prom .prom_list li{ border-bottom:1px dashed #ddd; color:#333; position: relative; cursor: pointer;}
.pop_cont.sales_prom .prom_list li.ban{ opacity:0.5;}
.pop_cont.sales_prom .prom_list li:last-child{ border-bottom:none;}
.pop_cont.sales_prom .prom_list li:active{ background-color: #F6f6f6;}
.pop_cont.sales_prom .prom_list li.ban:active{ opacity:0.5; background-color: #FFF;}
.pop_cont.sales_prom .prom_list li .name{ display:inline-block; width: 100%; padding:10px 50px 10px 80px; color:#e2ac02;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: top; background:url(../image/sale.png) no-repeat 10px center; background-size: auto 50%; cursor: pointer;}
.pop_cont.sales_prom .prom_list li .synopsis{ color:#999; display: inline-block; width: 45%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: top; padding:10px; font-size: 0.8em;}
.pop_cont.sales_prom .prom_list li input[type="checkbox"]{ width:24px; height:24px; position: absolute; top: 12px; right: 10px;}


/*查库存弹窗-收银页*/
.pop_cont.stock_search{}
.pop_cont.stock_search .pop_table td.name{ width:20%;}
.pop_cont.stock_search .pop_table td.val{ width:80%;}
.pop_cont.stock_search .pop_table td.val.input_btn button.second{ right: 80px; border-radius: 0; border-right: none;}
.pop_cont.stock_search .tab_list{ border-bottom: 1px solid #ddd;}
.pop_cont.stock_search .tab_list .tab_btn{ display: inline-block; height:40px; line-height:40px; padding:0 20px; color:#333; box-sizing:border-box; cursor: pointer; font-size: 0.9em; position: relative; bottom: -1px;}
.pop_cont.stock_search .tab_list .tab_btn.curr{ border-bottom:2px solid #cc293b; color:#cc293b;}
.pop_cont.stock_search .results_box{}
.pop_cont.stock_search .results_box .top{ width: 93%; margin:10px auto; overflow: hidden; line-height: 35px; font-size: 0.9em;}
.pop_cont.stock_search .results_box .top .spmc{ margin-right: 10px; color: #333;}
.pop_cont.stock_search .results_box .top select{border:1px solid #ccc; border-radius:3px; width:130px; height:35px; box-sizing:border-box; padding:0 10px; float: right;}



/*套组弹窗-收银页*/
.pop_cont.sleeve_group{}
.pop_cont.sleeve_group .point_out{ text-align:center; font-size:1.2em; padding:15px 0; margin:0 15px; border-bottom:1px dashed #ddd;}
.pop_cont.sleeve_group .group_list{ padding:15px 15px 0 15px;}
.pop_cont.sleeve_group .group_list li{ height:40px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; background:#f6f6f6; border:1px solid #ddd; border-radius:3px; margin-bottom:15px;}
.pop_cont.sleeve_group .group_goods{ padding:0 15px;}
.pop_cont.sleeve_group .group_goods .goods_select{ height:70px; box-sizing:border-box; padding:15px 0; border-bottom:1px dashed #ddd;}
.pop_cont.sleeve_group .group_goods .goods_select:last-child{ border-bottom:none;}
.pop_cont.sleeve_group .group_goods .goods_select select{ width:100%; height:100%; border:1px solid #ddd; border-radius:5px;}




/*充值卡丢失-收银页*/
.pop_cont.card_loss{}
.pop_cont.card_loss h4{width:94%; margin:0 auto; padding: 10px; border-top: 1px solid #ddd; color: #f39d06;}
.pop_cont.card_loss ol{width:94%; margin:0 auto; padding:0 10px 10px 50px; box-sizing:border-box; color: #f39d06;}
.pop_cont.card_loss ol li{ list-style: disc; font-size: 0.9em;}



/*结算页*/
.settle_wrap{position:relative; width:100%; height:93%; overflow:hidden; box-sizing:border-box;}
.settle_left{width:73%; height:100%; overflow:auto; padding:0 2%; position:absolute; left:0; top:0; background:#FFF; z-index:10; box-sizing:border-box;}
.settle_left .choices{ margin-top:7px;}
.settle_left .choices h2{ color:#333; font-size:120%; font-weight: normal;}
.settle_left .choices .way{ overflow:hidden;}
.settle_left .choices .way li{ width:15.6%; height:100px; text-align:center; border:2px solid #bbb;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background:#FFF; margin-top:7px; margin-right:1%; vertical-align:middle; box-sizing:border-box; float:left; cursor: pointer; position:relative;}
.settle_left .choices .way li.way_more{ border:none;}
.settle_left .choices .way li.way_return{ border:none;}
.settle_left .choices .way li .icon{display:inline-block; vertical-align:middle; vertical-align:-webkit-baseline-middle; width:45px; height:38px; margin-top:20px;}
.settle_left .choices .way li.way_xj .icon{background:url(../image/way_xj_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_sqb .icon{background:url(../image/way_sqb_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_yhk .icon{background:url(../image/way_yhk_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_czk .icon{background:url(../image/way_czk_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_vipczk .icon{background:url(../image/way_vip_czk_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_zfb .icon{background:url(../image/way_zfb_icon.png) no-repeat; background-size:cover; background-position:0 top; position:relative; display: inline-block;}
.settle_left .choices .way li.way_wxzf .icon{background:url(../image/way_wxzf_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_lq .icon{background:url(../image/way_lq_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_vipjf .icon{background:url(../image/way_vip_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_more .icon{background:url(../image/way_more_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_return .icon{background:url(../image/way_return_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.way_lhOK_card .icon{background:url(../image/way_djsy_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li.miya_pay .icon{background:url(../image/way_miya_icon.png) no-repeat; background-size:cover; background-position:0 top; display: inline-block;}
.settle_left .choices .way li .wayname{color:#333; font-size:90%;}
.settle_left .choices .way li .shortcuts{display: block; position: absolute; left: 2px; top: 0; color: #ddd; font-size: 0.9em;}
.settle_left .choices .way li.active{ background:#bbb;}
.settle_left .choices .way li.active .icon{ background-position:0 bottom;}
.settle_left .choices .way li.active .wayname{ color:#FFF;}
.settle_left .choices .way li.disable{ opacity:0.5;}
.settle_left .choices .way li.way_more:active,
.settle_left .choices .way li.way_return:active{ background:#bbb;}
.settle_left .choices .way li.way_more:active .icon,
.settle_left .choices .way li.way_return:active .icon{ background-position:0 bottom;}
.settle_left .choices .way li.way_more:active .wayname,
.settle_left .choices .way li.way_return:active .wayname{ color:#FFF;}
.settle_left .amounts{ padding:1%; border:1px solid #dfac7f; overflow:hidden; background:#fff7f7; margin-top:14px;}
.settle_left .amounts>li{ width:33%; float:left; display:inline-block; font-size:120%; margin:2px 0;}
.settle_left .amounts>li label{ display:inline-block; color:#666;}
.settle_left .amounts>li input{ color:#c5151c; font-weight:bold; width:60%;}
.settle_left .list{ margin-top:7px;}
.settle_left .list h2{color:#333; font-size:120%; padding-bottom:7px; font-weight: normal;}
.settle_left .list .thead{ width:100%; background:#666; color:#FFF; text-align:center;}
.settle_left .list .thead th{padding:5px 0; width:20%; font-weight: normal;}
.settle_left .list .tbody{border:1px solid #d8d8d8; overflow:auto; border-top:none; background:url(../image/right_slip_del.png) no-repeat center; background-size: auto 30%;}
.settle_left .list .tbody>table{ width:100%; color:#4f4f4f; text-align:center; font-size:100%; }
.settle_left .list .tbody>table tr td{ padding:5px 0; width:20%; line-height: 2em; border-bottom: 1px solid #edf5f9; position: relative;}
.settle_left .list .tbody>table tr td .del_list{ display: inline-block; width: 25px; height: 38px; position: absolute; right: 0; top: 0; z-index: 30; background: url(../image/del_list.png) no-repeat left center; background-size: 80%; cursor: pointer;}
.settle_left .button{text-align:center; position:absolute; width:100%; left:0; bottom:20px;}
.settle_left .button button{ background:#cc293b; color:#FFF; border-radius:3px; margin:0 3px; padding:10px 20px; font-size:120%; position:relative;}
.settle_left .button button:active{background:#c5151c; top:1px;}
.settle_right{width:27%; height:100%; overflow:auto; background:#f7f4ee; padding:0 1%; position:absolute; top:0; right:0; box-sizing:border-box;}
.settle_right h2{ height:7%; padding:3% 0 0; font-size:120%; color:#333; box-sizing:border-box; font-weight:normal;}
.settle_right .present_bar_code{width:100%;text-align:center;}
.settle_right .receipt_infor{ height:90%; overflow:auto; color:#515151; font-size:100%; margin:0; background:#FFF url(../image/receipt_infor_bg.png) no-repeat center bottom; background-size:100% auto; box-shadow:0 0 20px #ddd; padding:5%; box-sizing:border-box;}
.settle_right .receipt_infor .shop_name{ border-bottom:4px double #000; color:#333; text-align:center; padding:10px 0; font-size:130%;}
.settle_right .receipt_infor .xiadan_infor{ padding-bottom:8px; border-bottom:1px dashed #444; color:#333;}
.settle_right .receipt_infor .xiadan_infor li{ padding-top:8px;}
.settle_right .receipt_infor .goods_list{ padding:10px 0; border-bottom:1px dashed #444; color:#333;}
.settle_right .receipt_infor .goods_list li{ padding:3px 0;}
.settle_right .receipt_infor .goods_list li .goods_name{ display:inline-block; width:70%;}
.settle_right .receipt_infor .goods_list li .goods_num{ display:inline-block; width:10%; text-align:center;}
.settle_right .receipt_infor .goods_list li .goods_amount{ display:inline-block; width:20%; text-align:center;}
.settle_right .receipt_infor .amount_total{padding:10px 0; border-bottom:1px dashed #444; color:#333;}
.settle_right .receipt_infor .amount_total li{ padding:3px 0;}
.settle_right .receipt_infor .amount_total li:last-child{ font-size:130%;}
.settle_right .receipt_infor .amount_total li .category_val{ float:right;}
.settle_right .receipt_infor .aboutus{ padding:10px 0; color:#333;}
.settle_right .receipt_infor .aboutus li{ padding:3px 0;}
.settle_right .receipt_infor .aboutus li .category{ display:inline-block; vertical-align:top; width:20%;}
.settle_right .receipt_infor .aboutus li .category_val{ display:inline-block; vertical-align:top; width:80%;}
.settle_right .receipt_infor .welcome{ text-align:center; border-top:4px double #000; padding-top:8px; color:#333;}


/*现金收银弹窗*/
.cash_money{}
.cash_money .pop_table td input.t_a_center{ text-align:center;}
.cash_money .pop_table td.val .symbol_front{ position:absolute; top: 17px; left: 15px; color: #c69702;}
.cash_money .pop_table td.val .symbol_back{ position: absolute; top: 17px; left: 52%; color: #c69702;}



/*退换货*/
.returngoods{width:100%; height:93%; padding:1%; position:absolute; left:0; background:#f7f4ee; box-sizing:border-box;}
.returngoods .p_top{ margin-bottom:1%; color:#999; box-sizing:border-box; border:1px solid #d8d8d8; background:#FFF; overflow:hidden; position:relative; padding: 1% 0.5%; line-height:24px;}
.returngoods .p_top label{ display:inline-block; color:#666; margin-left:1%; font-size:90%;}
.returngoods .p_top span{ color:#999; font-size:90%;}
.returngoods .p_top input.zdth{ vertical-align:middle; width:18px; height:18px; margin:0 5px 0 10px; cursor:pointer;}
.returngoods .p_top .zdth_label{ margin-left:0; color:#666; cursor:pointer;}
.returngoods .p_top .zdth_label:active{ color:#333;}
.returngoods .p_top #input_record_code{background: #FFF; border: 2px solid #d72a3e; border-radius: 3px; padding: 6px 10px; box-sizing:border-box; position:absolute; top:10%; right:115px; height:80%; width:19%; color:#666;}
.returngoods .p_top #btn_receipt_search{ position:absolute; top:10%; right:70px; width:50px; height:80%; background:#d72a3e url(../image/search_icon_white.png) no-repeat center; background-size:auto 60%; color:#FFF; cursor:pointer;}
.returngoods .p_top #btn_receipt_search:active{ background-color: #c5151c;}
.returngoods .p_top #btn_receipt_more{ position:absolute; top:10%; right:0.5%; width:60px; height:80%; background:#f9f9f9; box-sizing:border-box; border:2px solid #c6c6c6; color:#333; font-size:100%; cursor:pointer;}
.returngoods .p_top #btn_receipt_more:active{ background: #eee;}
.returngoods .return_sure{ position:absolute; top:1.5%; right:1%; padding: .7em 2em; font-size: 120%; border-radius: 3px; background:#ea6868; color:#FFF; text-shadow:none; border:none;}
.returngoods .return_sure:hover{ background:#ea6868; color:#FFF; text-shadow:none; border:none; box-shadow:0 0 10px #ea6868;}
.returngoods .panel{border-radius:3px; width:100%; height:50%; position:relative;}
.returngoods .panel h2{background:#f7f4ee; color:#333; text-shadow:none; font-size:120%; padding:5px 0; position:relative; z-index:20; font-weight: normal;}
.returngoods .panel .table_wrap{ width:100%; height:88%; background:#FFF; position:absolute; left:0; top:0;z-index:10; overflow:auto; border:1px solid #d2d2d2; margin-top:35px; box-sizing:border-box;}
.returngoods .panel .table_wrap table{width:100%; text-align:center; font-size:95%;}
.returngoods .panel .table_wrap table th{ padding:5px 0 3px; background:#666; font-weight:normal; color:#FFF;}
.returngoods .panel .table_wrap table tr:active{ background:#eee;}
.returngoods .panel .table_wrap table td{border-bottom:1px solid #d2d2d2; color:#666; padding:5px 0; line-height: 1.5em;}
.returngoods .panel .table_wrap table td .del_list{ display: inline-block; width: 20px; height: 20px; background: url(../image/del_list.png) no-repeat center; background-size: 100%; cursor: pointer; vertical-align: top;}
.returngoods .panel.spmx{ float:left; width:71%;}
.returngoods .panel.jsmx{ float:right; width:28%; position:relative;}
.returngoods .panel.jsmx .table_wrap{ background:#fff7f7;border:1px solid #dfac7f; overflow: hidden;}
.returngoods .panel.jsmx .mingxi{ width:100%; height:100%; box-sizing:border-box; padding-bottom:75px; overflow:auto;}
.returngoods .panel.jsmx .mingxi li{ width:90%; margin:0 auto; border-bottom:1px dashed #d8d8d8; padding:10px 0; color:#666; font-size:90%;}
.returngoods .panel.jsmx .mingxi li span.amounts{ float:right; color:#666;}
.returngoods .panel.jsmx .mingxi li span.val{ color:#c5151c; font-size:120%;}
.returngoods .panel.jsmx .mingxi li.this_refund{ border-bottom:none; font-size:120%;}
.returngoods .panel.jsmx .btn_sure_box{ width:100%; padding:15px 0; position:absolute; left:0; bottom:0; text-align:center; background:#fff7f7; box-sizing:border-box; border-top: 1px dashed #d8d8d8;}
.returngoods .panel.jsmx .btn_sure{ width:40%; height:44px; background:#d72a3e; color:#FFF; border-radius:3px; font-size:130%;}
.returngoods .panel.jsmx .btn_sure:active{ background: #c5151c;}
.returngoods .panel.thmx{ clear:both; margin-bottom:0; height:37%;}
.returngoods .panel.thmx .table_wrap{background:#FFF url(../image/right_slip_del.png) no-repeat center 60%; background-size: auto 30%;}

/*退换货弹出窗*/
.pop_cont.return_pop .return_table{width:94%; margin:0 auto;}
.pop_cont.return_pop .return_table tr{border-bottom:1px solid #ddd;}
.pop_cont.return_pop .return_table tr:last-child{border-bottom:none;}
.pop_cont.return_pop .return_table td{box-sizing:border-box; padding:10px; position:relative;}
.pop_cont.return_pop .return_table td.name{ width:30%;}
.pop_cont.return_pop .return_table td.name label{ display:inline-block; height:40px; line-height:40px;}
.pop_cont.return_pop .return_table td.val{ width:70%;}
.pop_cont.return_pop .return_table td.val select{ border:1px solid #ccc; height:40px; box-sizing:border-box; padding:0 10px; width:100%; border-radius:3px;}

/*结算方式弹窗数字小键盘*/
.num_keyboard{ width: 20%; height: 44%; box-sizing:border-box; padding:10px 7px 5px 10px; background: #eee; position: fixed; right:-25%; top: 60px; transition: right .8s; -webkit-transition: right .8s; border-radius: 5px;}
.num_keyboard.active{ right: 2%;}
.num_keyboard .keys{ display:block; float:left; width:32.33%; height:24%; margin:0 1% 1% 0; box-sizing:border-box; border:2px solid #282d34; text-align:center; vertical-align:middle; background:#555; background: linear-gradient(#666, #555); border-radius:5px; overflow:hidden; cursor:pointer;}
.num_keyboard .keys:active{background:#656565; background: linear-gradient(#555, #666);}
.num_keyboard .keys .val{color:#FFF; font-size:250%; display:inline-block; width:100%; height:100%; border-top:2px solid #858585; box-sizing:border-box; border-radius:5px; position:relative;}
.num_keyboard .keys .val .position_wrap{ width:100%; position:absolute; left:0; top:50%; margin-top:-13px;}




/*促销页*/
.promotion_wrap{ width:100%; height:93%; background:#f7f7f7; overflow:auto; padding:15px 0 15px 1%; box-sizing:border-box;}
.promotion_wrap .prom_unit{ width:32.33%; float:left; margin:0 1% 13px 0; box-sizing:border-box; background:#FFF; height:210px; border-radius:10px; border:1px solid #e1e3e4; box-shadow:0 0 5px #e1e3e4; position:relative; cursor: pointer;}
.promotion_wrap .prom_unit .title{ height:45px; border-bottom:2px solid #cdcdcd; text-align:center; box-sizing:border-box; padding-top:12px; font-size:1.2em; color:#333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.promotion_wrap .prom_unit .cont{ height:130px; box-sizing:border-box; background:url(../image/term.png) no-repeat 0 bottom; background-size:110% auto; }
.promotion_wrap .prom_unit .cont .icon{ display:block; width:30%; height:130px; float:left; background:url(../image/logo_icon_gray.png) no-repeat 65% center; background-size:auto 50%; opacity: 0.6;}
.promotion_wrap .prom_unit.subtract .cont .icon{ background-image: url(../image/sales_subtract.png);}
.promotion_wrap .prom_unit.give .cont .icon{ background-image: url(../image/sales_give.png);}
.promotion_wrap .prom_unit.discount .cont .icon{ background-image: url(../image/sales_discount.png);}
.promotion_wrap .prom_unit .cont .txt{ display:block; width:70%; float:right; box-sizing:border-box; padding:42px 5% 0 0;color:#9d9d9d; font-size:120%;}
.promotion_wrap .prom_unit .term{ height:35px; background:#e6e6e6; text-align:center; line-height:35px; color:#9d9d9d; border-bottom-left-radius:10px; border-bottom-right-radius:10px; overflow:hidden;}
.promotion_wrap .prom_unit.select .title{ background:url(../image/select.png) no-repeat center right; background-size:auto 50%;}
.promotion_wrap .prom_unit .overdue{ display:block; width:95px; height:95px; position:absolute; top:30px; right:10%; background:url(../image/overdue.png) no-repeat; background-size:100% 100%; display:none;}
.promotion_wrap .prom_unit.overdue{ opacity:0.6; box-shadow:none; border:none;}
.promotion_wrap .prom_unit.overdue .overdue{ display:block;}
.promotion_wrap .prom_unit .hot{ display:block; width:55px; height:55px; position:absolute; right:-5px; bottom:-5px; background:url(../image/hot.png) no-repeat; background-size:100% 100%; display:none;}
.promotion_wrap .prom_unit.hot .hot{ display:block;}
.promotion_wrap .prom_unit:active{ background-color:#f9f9f9;}
.promotion_wrap .prom_unit:active .cont{ background-image:url(../image/term_active.png);}
.promotion_wrap .prom_unit:active .term{ background-color:#cdcdcd;}
.promotion_wrap .prom_unit.overdue:active{ background-color:#FFF;}
.promotion_wrap .prom_unit.overdue:active .cont{ background-image:url(../image/term.png);}
.promotion_wrap .prom_unit.overdue:active .term{ background-color:#e6e6e6;}

/*促销弹窗-促销页*/
.pop_cont.prom_pop{}
.pop_cont.prom_pop .detail_list{ width:100%; margin:15px auto; box-sizing:border-box; padding-left:20%; padding-right: 10%; line-height:30px; list-style:disc;}


/*进销存导航*/

.set_cont .invoicing_nav{ width:80%; margin:20px auto;}
.set_cont .invoicing_nav td{ width: 14.2%; box-sizing:border-box; padding: 10px 0; text-align: center;}
.set_cont .invoicing_nav td a{ display: inline-block; color: #666;}
.set_cont .invoicing_nav td a:active{color:#f39d06; position: relative; top: 1px;}
.set_cont .invoicing_nav td a img{ position: relative; left: 3px;}
.set_cont .invoicing_nav td img.right{transform:rotate(-90deg);-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.set_cont .invoicing_nav td img.left{transform:rotate(90deg);-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.set_cont .invoicing_nav td img.up{transform:rotate(180deg);-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}



/*库存、小票内容页*/
.set_cont.list_page{width:100%; padding:0 0 50px;}
.set_cont.list_page .list_table{ width:96%; box-sizing:border-box; margin:10px auto;}
.set_cont.list_page .list_table th{ padding:10px 15px; width:20%; box-sizing:border-box;background: #f6f6f6;}
.set_cont.list_page .list_table td{ width:20%; background:#FFF; padding:15px 15px; text-align:center; color:#666;}
.set_cont.list_page .list_table td a{ color:#333;}
.set_cont.list_page .list_table .date_num td{ background:#666; color:#FFF; padding:5px 20px;}
.set_cont.list_page .list_table .date_num .date{ text-align:left;}
.set_cont.list_page .list_table .date_num .num{ text-align:right;}
.set_cont.list_page .list_table .date_num .num span{ display:inline-block; background:#f9bd00; border-radius:50%; width:19px; height:19px; text-align:center; font-size:90%;}
.set_cont.list_page .list_table .list_unit{border-bottom:1px dashed #ddd;}
.set_cont.list_page .list_table tbody .list_unit:last-child{border-bottom:none;}
.set_cont.list_page .list_table .list_unit td:first-child a{ color:#027676; text-decoration:underline; cursor:pointer;}
.set_cont.list_page .list_table .list_unit:active td{ background:#f6f6f6;}
.set_cont.list_page .btn_more{ text-align: center;}
.set_cont.list_page .btn_more .btn{ width:80px; height:40px; background:url(../image/more.png) no-repeat center; background-size:auto 100%; margin-top:20px;}
.set_cont.list_page .btn_more .btn:active{ background-image:url(../image/more_active.png);}

.set_cont.add_page{}
.set_cont.add_page .add_form{ width:100%; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; overflow:hidden; margin-bottom:10px;}
.set_cont.add_page .add_form .title{width:100%; height:40px; background:#f6f6f6; border-bottom:1px solid #ddd; box-sizing:border-box; padding:0 20px; line-height:40px; font-weight:700; color:#333; margin-bottom:15px;}
.set_cont.add_page .add_form .title .title_btn_group{ float: right;}
.set_cont.add_page .add_form .title .title_btn_group .btn{display:inline-block; padding:6px 15px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; margin:4px; font-size:0.8em; font-weight:normal; line-height:18px; cursor:pointer; float:right;}
.set_cont.add_page .add_form .title .title_btn_group .btn:active{background:#cc293b; color:#FFF;}
.set_cont.add_page .add_form .item_wrap{ margin-bottom:15px; width:100%; box-sizing:border-box; padding:0 20px; color:#666; overflow: hidden;}
.set_cont.add_page .add_form .item_wrap .name{ display:inline-block; width:25%; float:left; line-height:34px;}
.set_cont.add_page .add_form .item_wrap .val{ display:inline-block; width:75%; height:34px; line-height:34px;}
.set_cont.add_page .add_form .item_wrap .val.time{ border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding-left:10px;}
.set_cont.add_page .add_form .item_wrap select{border:1px solid #ddd; border-radius:5px; text-indent:10px;}
.set_cont.add_page .add_form .item_wrap .val.neighbor input{ display:inline-block; width:30%; height:34px; line-height:34px; border:1px solid #ddd; border-radius:5px; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; text-indent:10px; box-sizing:border-box; float: left;}
.set_cont.add_page .add_form .item_wrap .val.neighbor select{ display:inline-block; width:70%; height:34px; line-height:34px; border:1px solid #ddd; border-radius:5px; border-top-left-radius: 0; border-bottom-left-radius: 0; text-indent:10px; box-sizing:border-box; float: left;}
.set_cont.add_page .btn_wrap{text-align:center; padding-top:15px; width:100%;}
.set_cont.add_page .btn_wrap .btn{border:1px solid #ddd; background:#f6f6f6; color:#333; padding:8px 15px; font-size:120%; border-radius:5px;}
.set_cont.add_page .btn_wrap .btn:active{background:#cc293b; color:#FFF;}

.set_cont.add_page .add_form .djxx_table{ width:94%; color:#666; margin:0 auto 15px;}
.set_cont.add_page .add_form .djxx_table td{ padding:8px 20px; border-bottom:1px dashed #ddd;}
.set_cont.add_page .add_form .djxx_table tr:last-child td{ border:none;}
.set_cont.add_page .add_form .djxx_table .name{ width:15%;}
.set_cont.add_page .add_form .djxx_table .val{ width:35%;}
.set_cont.add_page .add_form .djxx_table .val input{ color:#666; border:none;}
.set_cont.add_page .add_form .search{ width:94%; margin:0 auto 15px; position:relative;}
.set_cont.add_page .add_form .search .search_input{ width:100%; height:40px; padding:0 110px 0 10px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px;}
.set_cont.add_page .add_form .search .search_btn{ width:10%; height:40px; position:absolute; top:0; right:0; background:#999; color:#FFF; text-align:center; border-bottom-right-radius:5px; border-top-right-radius:5px;}
.set_cont.add_page .add_form .search .search_btn2{ width:13%; height:40px; position:absolute; top:0; right:0; font-size:120%; background:#999; color:#FFF; text-align:center; border-radius:5px;}
.set_cont.add_page .add_form .search .search_btn,
.set_cont.add_page .add_form .search .search_btn2:active{background:#888;}
.set_cont.add_page .add_form .search_sm .search_input{ width: 78%;}
.set_cont.add_page .add_form .search_sm .search_btn{ right: 22%;}
.set_cont.add_page .add_form .search_sm .sm_num_input{ width: 20%; height: 40px; float: right; border:1px solid #ddd; padding-left: 10px; box-sizing:border-box; border-radius:5px;}
.set_cont.add_page .add_form .mxxx_table{ width:94%; color:#666; margin:0 auto 15px; border-collapse:collapse;}
.set_cont.add_page .add_form .mxxx_table th{ background:#f6f6f6;}
.set_cont.add_page .add_form .mxxx_table th,
.set_cont.add_page .add_form .mxxx_table td{ padding:5px; border:1px solid #ddd; text-align:center;}
.set_cont.add_page .add_form .mxxx_table td.red{color: #cc293b;}

.pop_cont.chcx_pop{ padding-top: 20px;}
.pop_cont.chcx_pop .search_item{ padding:0 2% 20px 2%; overflow:hidden;}
.pop_cont.chcx_pop .search_item label{ display:inline-block; width:25%; height:38px; line-height:38px; float:left;}
.pop_cont.chcx_pop .search_item input{ width:75%; height:36px; box-sizing:border-box; padding-left:10px; border:1px solid #ddd; border-radius:5px;}
.pop_cont.chcx_pop .btn_wrap{ border-top:1px solid #ddd;}

.set_cont.detail_page{}
.set_cont.detail_page .detail_form{width:100%; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; overflow:hidden; margin-bottom:10px;}
.set_cont.detail_page .detail_form .title{width:100%; height:40px; background:#f6f6f6; box-sizing:border-box; padding:0 20px; line-height:40px; font-weight:700; color:#333; margin-bottom:15px;}
.set_cont.detail_page .detail_form .title:first-child{border-bottom:1px solid #ddd;}
.set_cont.detail_page .detail_form .title .title_btn_group{ float: right;}
.set_cont.detail_page .detail_form .title .title_btn_group .btn{display:inline-block; padding:6px 15px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; margin:4px; font-size:0.8em; font-weight:normal; line-height:18px; cursor:pointer; float:right;}
.set_cont.detail_page .detail_form .title .title_btn_group .btn:active{background:#cc293b; color:#FFF;}
.set_cont.detail_page .detail_form .title .title_btn_group input[type="checkbox"]{ vertical-align: middle;}
.set_cont.detail_page .detail_form .detail_table{width:94%; color:#666; margin:0 auto 15px;}
.set_cont.detail_page .detail_form .detail_table td{ padding:8px 0 8px 20px; border-bottom:1px dashed #ddd;}
.set_cont.detail_page .detail_form .detail_table tr:last-child td{ border:none;}
.set_cont.detail_page .detail_form .detail_table .name{ width:15%;}
.set_cont.detail_page .detail_form .detail_table .val{ width:35%;}
.set_cont.detail_page .detail_form .search{ width:94%; margin:0 auto 15px; position:relative;}
.set_cont.detail_page .detail_form .search .search_input{ width:100%; height:40px; padding:0 110px 0 10px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px;}
.set_cont.detail_page .detail_form .search .search_btn{ width:100px; height:40px; position:absolute; top:0; right:0; font-size:120%; background:#999; color:#FFF; text-align:center; border-bottom-right-radius:5px; border-top-right-radius:5px;}
.set_cont.detail_page .detail_form .search .search_btn:active{background:#888;}
.set_cont.detail_page .detail_form .goods_table{width:94%; color:#666; margin:0 auto 15px; border-collapse:collapse;}
.set_cont.detail_page .detail_form .goods_table th,
.set_cont.detail_page .detail_form .goods_table td{ padding:5px; border:1px dashed #ddd; text-align:center; }
.set_cont.detail_page .detail_form .goods_table td.red{color: #cc293b;}
.set_cont.detail_page .btn_wrap{text-align:center; padding-top:15px; width:100%;}
.set_cont.detail_page .btn_wrap .btn{border:1px solid #ddd; background:#f6f6f6; color:#333; padding:8px 15px; font-size:120%; border-radius:5px;}
.set_cont.detail_page .btn_wrap .btn:active{background:#cc293b; color:#FFF;}

/*O2O*/
.set_cont.o2o_page .top_panel{ overflow: hidden; width: 96%; margin:10px auto 0; background: #f6f6f6;}
.set_cont.detail_page.o2o_page .top_panel{overflow: hidden; width: 100%; margin:0 auto 10px; background: #f6f6f6; border-radius: 5px; border:1px solid #ddd; box-sizing:border-box;}
.set_cont.o2o_page .top_panel li{ padding: 8px; overflow: hidden;line-height: 30px; border-bottom: 1px dashed #ddd;}
.set_cont.o2o_page .top_panel li:last-child{ border-bottom:none;}
.set_cont.o2o_page .top_panel li .cell{ width: 33.33%; box-sizing:border-box; float: left; position: relative; padding: 0 8px;}
.set_cont.o2o_page .top_panel li .cell .order_num{ color: #f39d06;}
.set_cont.o2o_page .top_panel li .cell.pl90{ padding-left: 105px;}
.set_cont.o2o_page .top_panel li .cell.pl90 label{ position: absolute; left:8px; top: 0;}
.set_cont.o2o_page .top_panel li .cell.pl90 input,
.set_cont.o2o_page .top_panel li .cell.pl90 select{ width: 100%; height: 30px; box-sizing:border-box; padding-left: 10px; border-radius: 3px; border:1px solid #ddd; background: #FFF}
.set_cont.o2o_page .top_panel li .wuliao{ padding: 0 8px;}
.set_cont.o2o_page .top_panel li .btns{ padding: 0 8px; text-align: right;}
.set_cont.o2o_page .top_panel li .btns .btn{ display:inline-block; padding:6px 15px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; cursor:pointer;}
.set_cont.o2o_page .top_panel li .btns .btn:active{background:#cc293b; color:#FFF;}

/*O2O订单发货（快递交接）*/
.set_cont.o2o_page{}
.set_cont.o2o_page .detail_form{}
.set_cont.o2o_page .detail_form .title{}
.set_cont.o2o_page .detail_form .title .title_together{ width: 50%; display: inline-block; float: left; box-sizing:border-box; border-right: 1px solid #ddd; text-align: center;}
.set_cont.o2o_page .detail_form .title .title_together:last-child{ border-right: none; color: #cc293b;}
.set_cont.o2o_page .detail_form .package_state_table{ width: 48%; margin-left: 1%; margin-right: 1%; float: left;}
.set_cont.o2o_page .detail_form .package_state_table:last-child{ color: #cc293b;}



/*新版报表页*/
.report_query{ width:100%; height:93%; background:#f3f3f3; position:absolute; left:0; overflow:hidden; box-sizing:border-box;}
.report_query .report_item{ overflow:hidden; background:#FFF; position:relative; z-index:20;}
.report_query .report_item li{ width:14.28%; box-sizing:border-box; float:left; padding:15px 0; border-bottom: 1px solid #f3f3f3;height: 106px;}
.report_query .report_item li.curr{ background:#f3f3f3;}
.report_query .report_item li .icon{ display:block; width:50px; height:45px; margin:0 auto;}
.report_query .report_item li .name{ display:block; padding-top:10px; margin:0 auto; text-align:center; color:#666;}
.report_query .report_item li.curr .name{ color:#333;}
.report_query .report_item li.spkc .icon{ background:url(../image/report_item_icon01.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.kczfx .icon{background:url(../image/report_item_icon02.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.jxcfx .icon{background:url(../image/report_item_icon03.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.arfx .icon{background:url(../image/report_item_icon04.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.rxph .icon{background:url(../image/report_item_icon05.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.dgyj .icon{background:url(../image/report_item_icon06.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.more .icon{background:url(../image/report_item_icon07.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.lsfx .icon{background:url(../image/report_item_icon08.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.zfgc .icon{background:url(../image/report_item_icon09.png) no-repeat; background-size:100% auto;}
.report_query .report_item li.curr .icon{ background-position:left -155px;}
.report_query .report_item li.more.curr .icon{ background-position:left -158px;}
.report_query .report_main{ width:100%; height:100%; box-sizing:border-box; padding:115px 10px 20px 10px; position:relative; top:-105px; z-index:10; overflow-x:hidden; overflow-y:auto; color:#666;}
/*商品库存查询*/
.report_query .report_main.report_cont{}
.report_query .report_main.report_cont .report_top{ overflow:hidden; position: relative;}
.report_query .report_main.report_cont .report_top .number{ display:inline-block; font-size: 0.9em; vertical-align: bottom; position: absolute; left: 0; bottom: 0;}
.report_query .report_main.report_cont .report_top .number span.name{ margin-right: 5px; vertical-align: bottom;}
.report_query .report_main.report_cont .report_top .number span.val{ margin-right: 10px; color: #cc293b; vertical-align: bottom;}
.report_query .report_main.report_cont .report_top .print{ float: right; color: #FFF; width:45px; height:40px; background:#cc293b; vertical-align:bottom; border-left: 3px solid #FFF; font-size: 0.9em;}
.report_query .report_main.report_cont .report_top .print:active{ background:#af1526;}
.report_query .report_main.report_cont .report_top .search_wrap{ float:right;}
.report_query .report_main.report_cont .report_top .search_wrap input{height:40px; border:2px solid #cc293b; width:220px; vertical-align:bottom; padding:0 5px; color:#666; box-sizing:border-box; float:right; border-radius: 0; background: #FFF;}
.report_query .report_main.report_cont .report_top .search_wrap button{width:40px; height:40px; background:#cc293b url(../image/search_icon_white.png) no-repeat center; vertical-align:bottom; background-size:60%; float:right;}
.report_query .report_main.report_cont .report_top .search_wrap button:active{background-color:#af1526;}
.report_query .report_main.report_cont .report_top .btn_group_fr{ float:right;}
.report_query .report_main.report_cont .report_top .btn_group_fr .btn{display:inline-block; padding:6px 15px; background:#cc293b; color:#FFF; border:1px solid #cc293b; margin-left:4px; margin-top:4px; line-height:18px; cursor:pointer;}
.report_query .report_main.report_cont .report_top .btn_group_fr .btn:active{background:#af1526;}
.report_query .report_main.report_cont .report_form{}
.report_query .report_main.report_cont .report_form .form_title{ padding:10px; color:#333; background: #FFF; border: 1px solid #ddd;margin-top:10px; position: relative;}
.report_query .report_main.report_cont .report_form .form_title .triangle{ display: block; width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000; position: absolute; top:19px; right: 15px; transition: transform 0.5s;}
.report_query .report_main.report_cont .report_form .form_title .triangle.down{transform:rotate(180deg);}
.report_query .report_main.report_cont .report_form .form_cont{ width:100%;  box-sizing:border-box; border-collapse:collapse; background: #FFF; border: 1px solid #ddd; border-top: none;}
.report_query .report_main.report_cont .report_form .form_cont th{ border:1px solid #ddd; padding:5px; border-top: none;}
.report_query .report_main.report_cont .report_form .form_cont td{ text-align:center; border:1px solid #ddd; padding:5px}
.report_query .report_main.report_cont .report_form .form_cont td.nextpage button{width:80px; height:40px; background:url(../image/more.png) no-repeat center; background-size:auto 100%;}
.report_query .report_main.report_cont .report_form .form_cont td.nextpage button:active{ background-image:url(../image/more_active.png);}
.report_query .report_main.report_cont .report_form .form_cont.form_cont_nott{ margin-top: 10px; border-top: 1px solid #ddd;}
.report_query .report_main.report_cont .column_pop{ position:absolute; bottom:10px; right:0; padding:10px 10px; background:#FFF; box-shadow:0 0 10px #ccc; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.2s;transition: all 0.2s;height: 60%; overflow: auto;min-width: 145px;}
.report_query .report_main.report_cont .column_pop.ng-hide{ right:-100px;}
.report_query .report_main.report_cont .column_pop .shoppe{}
.report_query .report_main.report_cont .column_pop .shoppe li{ padding:3px 10px; background:#f6f6f6; margin-bottom:1px; border-radius:3px;}
.report_query .report_main.report_cont .column_pop .shoppe li:active{ background:#e9e9e9;}
.report_query .report_main.report_cont .tap_list{ width:100%; overflow:auto; box-sizing:border-box; white-space:nowrap;}
.report_query .report_main.report_cont .tap_list .tap_btn{ display:inline-block; padding:6px 15px; margin:0; text-align:center; border:1px solid #e9e9e9; border-right:none; float:left; color:#666; background: #FFF; cursor: pointer;}
.report_query .report_main.report_cont .tap_list .tap_btn:first-child{}
.report_query .report_main.report_cont .tap_list .tap_btn:last-child{ border-right:1px solid #e9e9e9;}
.report_query .report_main.report_cont .tap_list .tap_btn.curr{ background:#cc293b; color:#FFF;}
.report_query .report_main.report_cont .val .radio_wrap{ position: relative;}
.report_query .report_main.report_cont .val .radio_wrap label{ margin-right:0; float:left; height: 30px; padding: 0 20px; line-height: 30px; border: 1px solid #ddd; border-right:none; cursor: pointer; background: #FFF; font-weight: normal;}
.report_query .report_main.report_cont .val .radio_wrap label:last-child{ border-right: 1px solid #ddd;}
.report_query .report_main.report_cont .val .radio_wrap label.curr{ color: #FFF; background: #cc293b;}
.report_query .report_main.report_cont .val .radio_wrap input{ position: absolute; z-index: -10;}
/*进销存分析*/
.report_query .report_main.jxcfx_cont .report_form{ margin-top:10px; width:100%; overflow:auto;}
.report_query .report_main.jxcfx_cont .report_form .form_cont{ min-width:100%; background: #FFF; box-sizing:border-box; border-collapse:collapse;}
.report_query .report_main.jxcfx_cont .report_form .form_cont th{ min-width:90px; border:1px solid #ddd; padding:5px;}
.report_query .report_main.jxcfx_cont .report_form .form_cont td{ text-align:center; border:1px solid #ddd; padding:5px}
.report_query .load_more{ position: absolute; width: 50px; height: 50px; background: url(../image/load_more.png) no-repeat center; background-size: 100% auto; right: 1.5%; bottom: 16px; z-index: 20;}
.report_query .load_more:active{ bottom: 15px;}


/*会员分析*/
.report_query .report_main.hyfx_cont .report_form .hykdj_seach{ overflow:auto; box-sizing:border-box; white-space:nowrap; background: #FFF; border: 1px solid #ddd; padding: 10px; margin-top: 10px;}
.report_query .report_main.hyfx_cont .report_form .hykdj_seach li{ float:left;}
.report_query .report_main.hyfx_cont .report_form .hykdj_seach li label{ line-height:30px;}
.report_query .report_main.hyfx_cont .report_form .hykdj_seach li input,
.report_query .report_main.hyfx_cont .report_form .hykdj_seach li select{ border:1px solid #ddd; border-radius:3px; height:32px; width:135px; margin-right:5px; vertical-align:top; box-sizing:border-box; padding-left:10px;}
.report_query .report_main.hyfx_cont .report_form .hykdj_seach li.btn_group_fr{ float:right;}
.report_query .report_main.hyfx_cont .report_form .hykdj_seach li.btn_group_fr .btn{display:inline-block; padding:6px 15px; background:#cc293b; color:#FFF; border:1px solid #cc293b; border-radius:3px; line-height:18px; cursor:pointer;}
.report_query .report_main.hyfx_cont .report_form .hykdj_seach li.btn_group_fr .btn:active{background:#af1526}

/*热销商品排行*/
.report_query .report_main.rxph_cont .date_search{ position: absolute; top: 116px; right: 10px;}
.report_query .report_main.rxph_cont .date_search input{ border:1px solid #ddd; background: #FFF; height:32px; width:135px; vertical-align:middle; box-sizing:border-box; padding-left:10px;}
.report_query .report_main.rxph_cont .date_search .btn{display:inline-block; padding:6px 15px; background:#cc293b; color:#FFF; border:1px solid #cc293b; line-height:18px; cursor:pointer;vertical-align:middle;}
.report_query .report_main.rxph_cont .date_search .btn:active{background:#af1526}
.report_query .report_main.rxph_cont .report_form{ overflow:hidden; clear: both; margin-top: 10px;background: #FFF;}
.report_query .report_main.rxph_cont .report_form .chart_left{ width:50%; float:left; box-sizing:border-box; padding:10px; padding-right: 0; background: #FFF;}
.report_query .report_main.rxph_cont .report_form .chart_left .tap_list{overflow:hidden; margin-bottom:10px;}
.report_query .report_main.rxph_cont .report_form .chart_left .tap_list li{display:inline-block; padding:4px 15px; margin:0; text-align:center; border:1px solid #ddd; border-right:none; float:left; color:#666; font-size:0.9em; cursor:pointer;}
.report_query .report_main.rxph_cont .report_form .chart_left .tap_list li:first-child{}
.report_query .report_main.rxph_cont .report_form .chart_left .tap_list li:last-child{ border-right:1px solid #ddd;}
.report_query .report_main.rxph_cont .report_form .chart_left .tap_list li.curr{ background:#cc293b; color:#FFF;}
.report_query .report_main.rxph_cont .report_form .table_right{ width:50%; float:right; padding: 10px; background: #FFF; box-sizing:border-box;}
.report_query .report_main.rxph_cont .report_form .table_right table{ width:100%; border-collapse:collapse;}
.report_query .report_main.rxph_cont .report_form .table_right table th{border:1px solid #ddd; padding:5px; background: #f9f9f9;}
.report_query .report_main.rxph_cont .report_form .table_right table td{text-align:center; border:1px solid #ddd; padding:5px}
.report_query .report_main.rxph_cont .report_form .table_oneself{ width: 100%; padding: 10px;}
/*零售按日分析*/
.report_query .report_main.lsfx_cont{}
.report_query .report_main.lsfx_cont .lsfx_top{ overflow:hidden;}
.report_query .report_main.lsfx_cont .lsfx_top .tap_list{ display: inline-block; float: left;}
.report_query .report_main.lsfx_cont .lsfx_top .tap_list .tap_btn{ display:inline-block; padding:6px 15px; margin:0; text-align:center; border:1px solid #e9e9e9; border-right:none; float:left; color:#666; background: #FFF; cursor: pointer;}
.report_query .report_main.lsfx_cont .lsfx_top .tap_list .tap_btn:first-child{}
.report_query .report_main.lsfx_cont .lsfx_top .tap_list .tap_btn:last-child{ border-right:1px solid #e9e9e9;}
.report_query .report_main.lsfx_cont .lsfx_top .tap_list .tap_btn.curr{ background:#cc293b; color:#FFF;}
.report_query .report_main.lsfx_cont .lsfx_top .search_wrap{ float:right; line-height:32px;}
.report_query .report_main.lsfx_cont .lsfx_top .search_wrap input,
.report_query .report_main.lsfx_cont .lsfx_top .search_wrap select{border:1px solid #ddd; height:32px; width:135px; vertical-align:middle; box-sizing:border-box; padding-left:10px; background: #FFF;}
.report_query .report_main.lsfx_cont .lsfx_top .search_wrap .btn{display:inline-block; padding:6px 15px; background:#cc293b; color:#FFF; border:1px solid #cc293b; line-height:18px; cursor:pointer;vertical-align:middle;}
.report_query .report_main.lsfx_cont .lsfx_top .search_wrap .btn:active{background:#af1526}
.report_query .report_main.lsfx_cont .report_form{ padding:10px; background: #FFF; overflow:hidden; margin-top: 10px;}
.report_query .report_main.lsfx_cont .report_form .tap_list{overflow:hidden; margin-bottom:10px;}
.report_query .report_main.lsfx_cont .report_form .tap_list li{display:inline-block; padding:4px 15px; margin:0; text-align:center; border:1px solid #ddd; border-right:none; float:left; color:#666; font-size:0.9em; cursor: pointer;}
.report_query .report_main.lsfx_cont .report_form .tap_list li:first-child{}
.report_query .report_main.lsfx_cont .report_form .tap_list li:last-child{ border-right:1px solid #ddd;}
.report_query .report_main.lsfx_cont .report_form .tap_list li.curr{ background:#cc293b; color:#FFF;}


/*日结*/
.day_report{position:relative; padding-top:46px; width:100%; height:93%; overflow:hidden; box-sizing:border-box;}
.day_report .top{ position: absolute; left: 0; top: 0; width: 100%; height: 46px; box-sizing:border-box; background:#e9e9e9; padding: 6px}
.day_report .top input[type="date"]{width:160px; border:1px solid #ddd; border-radius:3px; border-top-right-radius: 0; border-bottom-right-radius: 0; height:34px; box-sizing:border-box; background: #FFF; vertical-align: top; float: left; border-right: none;}
.day_report .top button{padding:6px 15px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; height: 34px; box-sizing:border-box; vertical-align: top;}
.day_report .top button.sear{ border-top-left-radius: 0; border-bottom-left-radius: 0;}
.day_report .top button.fl_r{ float: right;}
.day_report .top button:active{background:#cc293b; color:#FFF;}
.day_report textarea{ margin-left: 10px; width: 40%; height: 34px; max-width: 50%; max-height: 34px; border:1px solid #ddd; font-size: 0.8em; background:#FFF; border-radius:3px; vertical-align: top;box-sizing:border-box; padding:5px;}
.day_report .left{ width:70%; height: 100%; float: left; box-sizing:border-box; position: relative; overflow: hidden; padding: 60px 6px 0 6px;}
.day_report .left .table_title{ position: absolute; left: 0; top: 10px; width: 100%; height: 40px; padding: 0 6px; box-sizing:border-box;}
.day_report .left .table_title span{ display: inline-block; width: 50%; text-align: center; line-height: 40px; background: #f1f1f1; cursor: pointer;}
.day_report .left .table_title span.curr{ color:#FFF; background:#fabe00;}
.day_report .left .table_wrap{ height: 100%; overflow: auto;}
.day_report .left table{ width: 100%; margin:0 auto 10px; border-collapse: collapse;}
.day_report .left table th,
.day_report .left table td{ text-align: center; border:1px solid #ddd; padding:5px; font-size: 0.9em; color: #555;}
.day_report .right{ width: 30%; height: 100%; float: right; box-sizing:border-box; position: relative; overflow: hidden; padding: 60px 6px 0 0;}
.day_report .right .table_title{ position: absolute; left: 0; top: 10px; width: 100%; height: 40px; padding-right:6px; box-sizing:border-box;}
.day_report .right .table_title span{display:block; line-height: 40px; background: #f1f1f1; padding-left: 10px;}
.day_report .right .table_title button{ padding:6px 10px; background:#FFF; color:#555; border:1px solid #ddd; border-radius:3px; height: 30px; box-sizing:border-box; position: absolute; top: 5px; right: 12px; font-size: 0.9em;}
.day_report .right .table_title button:active{background:#cc293b; color:#FFF;}
.day_report .right .table_wrap{ height: 100%; overflow: auto;}
.day_report .right table{ width: 100%; margin:0 auto 10px; border-collapse: collapse;}
.day_report .right table th,
.day_report .right table td{ text-align: center; border: 1px solid #ddd;padding: 5px; font-size: 0.9em; color: #555;}


/*帮助*/
.shortcut{}
.shortcut .unit_box{}
.shortcut .unit_box h4{padding: 8px; background: #f6f6f6; border-radius: 3px; font-size: 0.9em;}
.shortcut .unit_box .cont{ padding: 10px 20px;}
.shortcut .unit_box .cont li{ display: inline-block; width: 33%; margin-bottom: 5px; font-size: 0.9em;}
.shortcut .unit_box .cont li span{}
.shortcut .unit_box .cont li span.name{ color: #c69702;}

.achievement{}
.achievement .unit_box{ margin-bottom: 15px; border:1px solid #ccc; border-radius: 5px; overflow:hidden;}
.achievement .unit_box .cont_title{ padding: 10px; background: #eee;}
.achievement .unit_box .cont_box{ padding: 15px; border-top: 1px solid #ccc;}
.achievement .unit_box .cont_box img{ width: 100%; margin-bottom: 10px; border:1px solid #ddd; padding: 5px; box-sizing:border-box;}
.achievement .unit_box .cont_box .option{ padding: 5px; background: #66524c; color: #FFF;}

/*分页器*/
.page_directive{ text-align: right; padding: 10px 0;}
.page_directive .btn{ background: #FFF; padding: 8px 10px; margin:0 2px; border-radius: 3px; color: #c69702; box-sizing:border-box; border:1px solid #ddd;}
.page_directive .btn.curr,
.page_directive .btn:active{ background: #c69702; color: #FFF;}
.page_directive .btn_no{border:none; background: none; cursor: default;}
.page_directive .btn_no:active{ background:none; color: #c69702;}

/*多选导航目录*/
.catagory_directive{ width: 20%; height: 100%; overflow: auto; box-sizing:border-box; float: left; border-right: 1px solid #ddd;}
.catagory_directive .high_level{ border-bottom:1px solid #eee; padding:12px 5%; color:#666; font-weight:normal; font-size:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; cursor:pointer; position: relative;}
.catagory_directive .high_level .num{ color: #FFF; min-width: 19px; font-size: 0.8em; text-align: center; background: #ddd; border-radius: 5px; margin-left: 5px; line-height: 19px;}
.catagory_directive .high_level .triangle{ display: block; width:0; height:0; border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ccc; position: absolute; top:20px; right: 5%; transition: transform 0.5s;}
.catagory_directive .high_level .triangle.up{}
.catagory_directive .high_level.curr{ background: #eee; color: #c69702;}
.catagory_directive .high_level.curr .num{ background: #c69702;}
.catagory_directive .high_level.curr .triangle{border-left:5px solid #c69702; transform:rotate(90deg);}
.catagory_directive .low_level{}
.catagory_directive .low_level li{border-bottom:1px dashed #eee; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 0.9em; position: relative;}
.catagory_directive .low_level li:last-child{ border-bottom:1px solid #eee;}
.catagory_directive .low_level li label{display: block; padding:12px 10%; position: relative; cursor:pointer; z-index: 10;}
.catagory_directive .low_level li label .icon{ display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #999; overflow: hidden; margin-right: 10px; margin-top: 8px; vertical-align: top;}
.catagory_directive .low_level li label .num{ color: #ccc; min-width: 24px; font-size: 0.9em; text-align: center;}
.catagory_directive .low_level li input[type="checkbox"]{opacity: 0.8; position: absolute; top:12px; right: 10%; z-index: 8;}
.catagory_directive .low_level li:active{background: #eee;}


/*深黑色主题*/
body.black{}
body.black .login_wrap{background-image:url(../image/theme_black/bg_black.jpg);}
body.black .login_wrap .login_left li{background-image:url(../image/theme_black/head_icon_black.png);}
body.black .login_wrap .login_left li.active{ background-color:#999; background-image:url(../image/head_icon_red_ac.png);}
body.black .login_wrap .login_right .logo{background-image:url(../image/theme_black/logo_black.png);}
body.black .login_wrap .login_right .land .input_01{ border-color:#555;}
body.black .login_wrap .login_right .land .input_02{ background:#555; border-color: #555;}
body.black .login_wrap .login_right .land .input_02:active{ background:#444;}
body.black .homepage .homeleft{ background: #333;}
body.black .homepage .homeleft .middle_wrap .wdzh{ background:#2d2d2d; border-color:#2a2a2a; box-shadow:0 0 10px #3d3d3d;}
body.black .homepage .homeright .top{ background: #333;}
body.black .homepage .homeright .menu .item .icon{ background-image: url(../image/theme_black/nav_icon_black.png);}
body.black .main_wrap .head{ background: #333;}
body.black .set_item .sep_title .title_icon{ background: #333;}
body.black .set_item li.three{ border-left: 5px solid #333;}
body.black .set_item li.three .text{ color: #333;}
body.black .set_box .set_cont .val .radio_wrap label.curr{ background: #666; border-color: #666;}
body.black .set_box .set_cont.check_set .check_list li{ background: none;}
body.black .set_box .set_cont.check_set .check_list li.active{ color: #333; background:#eee url(../image/theme_black/ok_black.png) no-repeat 97% center; background-size:auto 50%; }
body.black .set_box .set_cont.check_set .check_list li.active label input{ color: #333;}
body.black .set_box .set_cont.increment_module .module.off .switch{ background-image: url(../image/module_switch.png);}
body.black .set_box .set_cont.increment_module .module .switch{ background-image: url(../image/theme_black/module_switch_on_black.png);}
body.black .set_box .set_cont.shop_set .shop_list_unit.curr{ background-color: #666;}
body.black .guide_wrap .bottom_tool{ background: #333;}




